<!doctype html>
<html>
<head>
<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
<meta name="author" content="MAX°孟兆">
<meta name="keywords" content="Markdown,Typora,VLOOK,Plugin,插件,主题包,自动排版,跨平台,i18n,开源,MIT,开源中国,OSC,编辑推荐, 表格增强,单元格合并,行分组,表格阅读模式,表格十字光标,重复表头,刮刮卡,黑幕,标签,图片增强,演示辅助,聚光灯,激光笔,自动折叠,打印,Mermaid,音频,视频,注音,主题,字体,模板,深色模式,Dark Mode,封面,封底,私人定制, PRD,设计,需求,文档,博客,手册,指南,在线,运维,知识库,WIKI, 产品经理,程序员,运维工程师,售前,售后">
<meta name="vlook-welcome" content="${vlook-welcome}">
<meta name="vlook-query" content="effects=2&amp;ws=auto&amp;lmc=1">
<meta name="vlook-doc-lib" content="vlook-lib.html">
<style type='text/css'>html {overflow-x: initial !important;}:root { --mermaid-theme:  default; --mermaid-sequence-numbers:  off; --mermaid-flowchart-curve:  linear; --mermaid--gantt-left-padding:  75; --sequence-theme:  simple; }


:root { --bg-color: #ffffff; --text-color: #333333; --select-text-bg-color: #B5D6FC; --select-text-font-color: auto; --monospace: "Lucida Console",Consolas,"Courier",monospace; --title-bar-height: 20px; }
.mac-os-11 { --title-bar-height: 28px; }
html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857143; overflow-x: hidden; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; tab-size: 4; background-position: inherit; background-repeat: inherit; }
iframe { margin: auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; word-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
#write.first-line-indent p { text-indent: 2em; }
#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
#write.first-line-indent li { margin-left: 2em; }
.for-image #write { padding-left: 8px; padding-right: 8px; }
body.typora-export { padding-left: 30px; padding-right: 30px; }
.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
.typora-export .task-list-item input { pointer-events: none; }
@media screen and (max-width: 500px) { 
  body.typora-export { padding-left: 0px; padding-right: 0px; }
  #write { padding-left: 20px; padding-right: 20px; }
  .CodeMirror-sizer { margin-left: 0px !important; }
  .CodeMirror-gutters { display: none !important; }
}
#write li > figure:last-child { margin-bottom: 0.5rem; }
#write ol, #write ul { position: relative; }
img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
button, input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
*, ::after, ::before { box-sizing: border-box; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
p { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
p { orphans: 4; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px; }
tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 32px; }
.CodeMirror-gutters { border-right-width: 0px; background-color: inherit; }
.CodeMirror-linenumber { }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; position: relative !important; background-position: inherit; background-repeat: inherit; }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; background-position: 0px 0px; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li blockquote { margin: 1rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print { 
  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
  #write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; }
  .typora-export * { -webkit-print-color-adjust: exact; }
  .typora-export #write { break-after: avoid; }
  .typora-export #write::after { height: 0px; }
  .is-mac table { break-inside: avoid; }
  .typora-export-show-outline .typora-export-sidebar { display: none; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background-color: rgb(204, 204, 204); display: block; overflow-x: hidden; }
p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
p > .md-image:only-child { display: inline-block; width: 100%; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
.MathJax_ref { fill: currentcolor; }
[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { text-decoration: underline; }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) { 
  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
  .md-toc-h4 .md-toc-inner { margin-left: 5em; }
  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
  .md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background-color: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.8; font-family: var(--monospace); }
code { text-align: left; }
a.md-print-anchor { white-space: pre !important; border: none !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; text-shadow: initial !important; background-position: 0px 0px !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom-width: 0px; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: none; }
.highlight td, .highlight tr { border: 0px; }
mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
.md-expand mark .md-meta { opacity: 0.3 !important; }
mark .md-meta { color: rgb(0, 0, 0); }
@media print { 
  .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
}
.md-diagram-panel .messageText { stroke: none !important; }
.md-diagram-panel .start-state { fill: var(--node-fill); }
.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
.md-require-zoom-fix { height: auto; margin-top: 16px; margin-bottom: 16px; }
.md-require-zoom-fix foreignObject { font-size: var(--mermaid-font-zoom); }
.md-fences.md-fences-math { font-size: 1em; }
.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
.md-fences-advanced:not(.md-focus) { background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit; background-repeat: inherit; }
.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
.typora-export-show-outline #write { --webkit-flex: 2; flex: 2 1 0%; }
.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
@media screen and (max-width: 1024px) { 
  .typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
}
@media screen and (max-width: 800px) { 
  .typora-export-sidebar { display: none; }
}
.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.428571429rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
.outline-expander::before { content: ''; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.outline-expander:hover::before { content: ''; }
.outline-h1 > .outline-item { padding-left: 0px; }
.outline-h2 > .outline-item { padding-left: 1em; }
.outline-h3 > .outline-item { padding-left: 2em; }
.outline-h4 > .outline-item { padding-left: 3em; }
.outline-h5 > .outline-item { padding-left: 4em; }
.outline-h6 > .outline-item { padding-left: 5em; }
.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
.outline-label:hover { text-decoration: underline; }
.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left-width: 28px; border-left-style: solid; border-left-color: transparent; border-right-width: 28px; border-right-style: solid; border-right-color: transparent; }
.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
.outline-item-open > .outline-item > .outline-expander::before { content: ''; }
.outline-children { display: none; }
.info-panel-tab-wrapper { display: none; }
.outline-item-open > .outline-children { display: block; }
.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
.typora-export .outline-item:hover { margin-right: -8px; border-right-width: 8px; border-right-style: solid; border-right-color: transparent; }
.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: '−'; }
.typora-export-collapse-outline .outline-children { display: none; }
.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
.md-inline-math-container mjx-container { zoom: 0.95; }


.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit; background-repeat: inherit; }
.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; white-space: nowrap; background-position: inherit; background-repeat: inherit; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit; background-repeat: inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background-image: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: inherit; background-position: inherit; background-repeat: inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; border: none !important; background-position: 0px 0px !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-width: 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; word-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; background-position: 0px 0px; }
.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right-width: 30px; border-right-style: solid; border-right-color: transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right-style: none; width: auto; }
.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right-style: none; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background-color: rgba(255, 255, 0, 0.4); }
span.cm-underlined { text-decoration: underline; }
span.cm-strikethrough { text-decoration: line-through; }
.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.cm-tw-deleted { text-decoration: line-through; }
.cm-tw-header5 { font-weight: 700; }
.cm-tw-listitem:first-child { padding-left: 10px; }
.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }
.cm-tw-underline { text-decoration: underline; }
@media print { 
  .CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}


@keyframes breathe-text{0%{opacity:1;transform:scale(1.03)}to{opacity:.8;transform:scale(.99)}}@keyframes breathe-button{0%{opacity:1;transform:scale(1.1);filter:brightness(120%)}to{opacity:.8;transform:scale(1);filter:brightness(100%)}}@keyframes loading-circle{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes breathe-circle{0%{box-shadow:0 0 0 0 rgba(119,53,204,.7)}to{box-shadow:0 0 0 3px rgba(119,53,204,.7)}}:root{--mm-sequence-numbers:on;--mm-flowchart-curve:basis;--vlook-theme-name:"vlook-owl";--vlook-theme-version:"V11-dev";--vlook-default-font-style:sans;--vlook-color-scheme:light;--vlook-nav-center-width:360px;--vlook-nav-center-hidden-left:-370px;--vlook-toolbar-btn-width:36px;--vlook-toolbar-btn-space:5px;--vlook-top-margin:8px;--vlook-transition-duration:200ms;--vlook-transition-value:all var(--vlook-transition-duration) ease-in-out;--vlook-base-radius:12px;--vlook-small-radius:6px;--vlook-table-radius:10px;--vlook-small-inner-radius:calc(var(--vlook-table-radius) - 2px);--vlook-tag-radius:0.5em;--vlook-tag-small-radius:0.25em;--vlook-circle-radius:50%;--vlook-invert-dark-light:invert(0) brightness(100%);--vlook-brightness-dark-light:brightness(100%);--doc-bg-color-light:#FFFFFF;--doc-bg-color-alt-light:#e6e6e6;--doc-bg-color-transparent-light:rgba(255, 255, 255, 0);--doc-bg-color-alt-transparent-light:rgba(230, 230, 230, 0);--fore-color-light:#181A1E;--fore-color-alt-light:#737c8f;--blockquote-bg-light:rgba(24, 26, 30, 0.1);--tips-bg-color-light:#E0E4E8;--tips-bg-color-inset-light:#181A1E;--a-color-light:#181A1E;--mark-color-light:rgba(0, 168, 190, 0.25);--tbl-border-color-light:rgba(176, 180, 184, 0.8);--tbl-header-color-light:#959ba0;--tbl-th-bg-color-light:rgba(176, 180, 184, 0.4);--tbl-td-bg-color-light:rgba(176, 180, 184, 0.2);--tbl-cell-border-color-light:rgba(176, 180, 184, 0.3);--tbl-row-g-alpha-light:0.15;--del-color-light:#737c8f;--toc-header-num-color-light:rgba(24, 26, 30, 0.5);--header-color-light:#00A8BE;--header-box-shadow-light:rgba(0, 168, 190, 0.2);--header-bg-start-color-light:rgba(0, 168, 190, 0);--header-bg-end-color-light:rgba(0, 168, 190, 0.1);--code-bg-color-light:#c8f9ff;--code-name-bg-color-light:#181A1E;--code-name-shadow-color-light:rgba(0, 0, 0, 0.3);--acc-color-red-light:#C72334;--acc-color-red-alt-light:#fcedef;--acc-color-red-fade-light:rgba(199, 35, 52, 0.25);--acc-color-red-title-light:#C72334;--acc-color-orange-light:#E27D09;--acc-color-orange-alt-light:#fdead3;--acc-color-orange-fade-light:rgba(226, 125, 9, 0.25);--acc-color-orange-title-light:#E27D09;--acc-color-yellow-light:#DEB307;--acc-color-yellow-alt-light:#fdf4cd;--acc-color-yellow-fade-light:rgba(222, 179, 7, 0.25);--acc-color-yellow-title-light:#DEB307;--acc-color-green-light:#38AB21;--acc-color-green-alt-light:#daf7d4;--acc-color-green-fade-light:rgba(56, 171, 33, 0.25);--acc-color-green-title-light:#38AB21;--acc-color-cyan-light:#18A8BF;--acc-color-cyan-alt-light:#dbf6fb;--acc-color-cyan-fade-light:rgba(24, 168, 191, 0.25);--acc-color-cyan-title-light:#18A8BF;--acc-color-blue-light:#056BF0;--acc-color-blue-alt-light:#dcebfe;--acc-color-blue-fade-light:rgba(5, 107, 240, 0.25);--acc-color-blue-title-light:#056BF0;--acc-color-purple-light:#7738DC;--acc-color-purple-alt-light:#dfd0f7;--acc-color-purple-fade-light:rgba(119, 56, 220, 0.25);--acc-color-purple-title-light:#7738DC;--acc-color-pink-light:#DB43B2;--acc-color-pink-alt-light:#f8d9ef;--acc-color-pink-fade-light:rgba(219, 67, 178, 0.25);--acc-color-pink-title-light:#DB43B2;--acc-color-brown-light:#A47546;--acc-color-brown-alt-light:#f1e8de;--acc-color-brown-fade-light:rgba(164, 117, 70, 0.25);--acc-color-brown-title-light:#A47546;--acc-color-gray-light:#7B7D82;--acc-color-gray-alt-light:#f1f1f2;--acc-color-gray-fade-light:rgba(123, 125, 130, 0.25);--acc-color-gray-title-light:#7B7D82;--acc-color-theme1-light:#00A8BE;--acc-color-theme1-alt-light:#c8f9ff;--acc-color-theme1-fade-light:rgba(0, 168, 190, 0.3);--acc-color-theme1-title-light:#00A8BE;--acc-color-theme2-light:#7735CC;--acc-color-theme2-alt-light:#eae0f7;--acc-color-theme2-fade-light:rgba(119, 53, 204, 0.3);--acc-color-theme2-title-light:#7735CC;--mm-color-red-light:#C72334;--mm-color-red-alt-light:#f0acb3;--mm-color-orange-light:#E27D09;--mm-color-orange-alt-light:#fbd2a2;--mm-color-yellow-light:#DEB307;--mm-color-yellow-alt-light:#fce99c;--mm-color-green-light:#38AB21;--mm-color-green-alt-light:#a3ea94;--mm-color-cyan-light:#18A8BF;--mm-color-cyan-alt-light:#98e6f2;--mm-color-blue-light:#056BF0;--mm-color-blue-alt-light:#aacefd;--mm-color-purple-light:#7738DC;--mm-color-purple-alt-light:#dfd0f7;--mm-color-pink-light:#DB43B2;--mm-color-pink-alt-light:#f8d9ef;--mm-color-brown-light:#A47546;--mm-color-brown-alt-light:#e2cebb;--mm-color-gray-light:#7B7D82;--mm-color-gray-alt-light:#d7d7d9;--cm-keyword-light:#770088;--cm-variable-light:#181A1E;--cm-variable-2-light:#0055AA;--cm-variable-3-light:#008855;--cm-tag-light:#117700;--cm-attribute-light:#0000CC;--cm-CodeMirror-cursor-light:#737c8f;--cm-string-light:#AA1111;--cm-string-2-light:#FF5500;--cm-comment-light:#AA5500;--cm-header-light:#0000FF;--cm-quote-light:#009900;--cm-hr-light:#999999;--cm-link-light:#0000CC;--cm-negative-light:#DD4444;--cm-positive-light:#229922;--cm-meta-light:#555555;--cm-bulidin-light:#3300AA;--cm-bracket-light:#999977;--cm-atom-light:#221199;--cm-number-light:#116644;--vlook-invert-dark-dark:invert(1) brightness(90%);--vlook-brightness-dark-dark:brightness(90%);--doc-bg-color-dark:#181A1E;--doc-bg-color-alt-dark:#3a3f49;--doc-bg-color-transparent-dark:rgba(24, 26, 30, 0);--doc-bg-color-alt-transparent-dark:rgba(58, 63, 73, 0);--fore-color-dark:#E0E4E8;--fore-color-alt-dark:#8898a7;--blockquote-bg-dark:rgba(224, 228, 232, 0.1);--tips-bg-color-dark:#3a3f49;--tips-bg-color-inset-dark:#E0E4E8;--a-color-dark:#FFFFFF;--mark-color-dark:rgba(0, 168, 190, 0.45);--tbl-border-color-dark:rgba(112, 116, 120, 0.8);--tbl-header-color-dark:#8a8e91;--tbl-th-bg-color-dark:rgba(112, 116, 120, 0.4);--tbl-td-bg-color-dark:rgba(112, 116, 120, 0.2);--tbl-cell-border-color-dark:rgba(112, 116, 120, 0.3);--tbl-row-g-alpha-dark:0.3;--del-color-dark:#a5b1bd;--toc-header-num-color-dark:rgba(224, 228, 232, 0.5);--header-color-dark:#00A8BE;--header-box-shadow-dark:rgba(0, 168, 190, 0.2);--header-bg-start-color-dark:rgba(0, 168, 190, 0);--header-bg-end-color-dark:rgba(0, 168, 190, 0.15);--code-bg-color-dark:#00454e;--code-name-bg-color-dark:#E0E4E8;--code-name-shadow-color-dark:rgba(255, 255, 255, 0.3);--acc-color-red-dark:#70141d;--acc-color-red-alt-dark:#9c1b29;--acc-color-red-fade-dark:rgba(199, 35, 52, 0.35);--acc-color-red-title-dark:#FFFFFF;--acc-color-yellow-dark:#7b6304;--acc-color-yellow-alt-dark:#947705;--acc-color-yellow-fade-dark:rgba(222, 179, 7, 0.35);--acc-color-yellow-title-dark:#FFFFFF;--acc-color-orange-dark:#804705;--acc-color-orange-alt-dark:#985406;--acc-color-orange-fade-dark:rgba(226, 125, 9, 0.35);--acc-color-orange-title-dark:#FFFFFF;--acc-color-green-dark:#1c5510;--acc-color-green-alt-dark:#2a8019;--acc-color-green-fade-dark:rgba(56, 171, 33, 0.35);--acc-color-green-title-dark:#FFFFFF;--acc-color-cyan-dark:#0d5864;--acc-color-cyan-alt-dark:#128092;--acc-color-cyan-fade-dark:rgba(24, 168, 191, 0.35);--acc-color-cyan-title-dark:#FFFFFF;--acc-color-blue-dark:#033e8c;--acc-color-blue-alt-dark:#0455be;--acc-color-blue-fade-dark:rgba(5, 107, 240, 0.35);--acc-color-blue-title-dark:#FFFFFF;--acc-color-purple-dark:#491a94;--acc-color-purple-alt-dark:#541eaa;--acc-color-purple-fade-dark:rgba(119, 56, 220, 0.35);--acc-color-purple-title-dark:#FFFFFF;--acc-color-pink-dark:#9a1e79;--acc-color-pink-alt-dark:#851968;--acc-color-pink-fade-dark:rgba(219, 67, 178, 0.35);--acc-color-pink-title-dark:#FFFFFF;--acc-color-brown-dark:#5d4227;--acc-color-brown-alt-dark:#6e4f2f;--acc-color-brown-fade-dark:rgba(164, 117, 70, 0.35);--acc-color-brown-title-dark:#FFFFFF;--acc-color-gray-dark:#494b4e;--acc-color-gray-alt-dark:#626468;--acc-color-gray-fade-dark:rgba(123, 125, 130, 0.35);--acc-color-gray-title-dark:#FFFFFF;--acc-color-theme1-dark:#007b8b;--acc-color-theme1-alt-dark:#007b8b;--acc-color-theme1-fade-dark:rgba(0, 123, 139, 0.3);--acc-color-theme1-title-dark:#FFFFFF;--acc-color-theme2-dark:#5f2aa4;--acc-color-theme2-alt-dark:#5f2aa4;--acc-color-theme2-fade-dark:rgba(95, 42, 164, 0.3);--acc-color-theme2-title-dark:#FFFFFF;--mm-color-red-dark:#f0acb3;--mm-color-red-alt-dark:#C72334;--mm-color-orange-dark:#fbd2a2;--mm-color-orange-alt-dark:#E27D09;--mm-color-yellow-dark:#fce99c;--mm-color-yellow-alt-dark:#DEB307;--mm-color-green-dark:#a3ea94;--mm-color-green-alt-dark:#38AB21;--mm-color-cyan-dark:#98e6f2;--mm-color-cyan-alt-dark:#18A8BF;--mm-color-blue-dark:#aacefd;--mm-color-blue-alt-dark:#056BF0;--mm-color-purple-dark:#dfd0f7;--mm-color-purple-alt-dark:#7738DC;--mm-color-pink-dark:#f8d9ef;--mm-color-pink-alt-dark:#DB43B2;--mm-color-brown-dark:#e2cebb;--mm-color-brown-alt-dark:#A47546;--mm-color-gray-dark:#d7d7d9;--mm-color-gray-alt-dark:#7B7D82;--cm-keyword-dark:#C88FD0;--cm-variable-dark:#E0E4E8;--cm-variable-2-dark:#9FBAD5;--cm-variable-3-dark:#1CC685;--cm-tag-dark:#7DF46A;--cm-attribute-dark:#7575E4;--cm-CodeMirror-cursor-dark:#8898a7;--cm-string-dark:#D26B6B;--cm-string-2-dark:#FF5500;--cm-comment-dark:#DA924A;--cm-header-dark:#8D8DF0;--cm-quote-dark:#57AC57;--cm-hr-dark:#D8D5D5;--cm-link-dark:#D3D3EF;--cm-negative-dark:#D95050;--cm-positive-dark:#50E650;--cm-meta-dark:#B7B3B3;--cm-buliddark:#F3B3F8;--cm-bracket-dark:#999977;--cm-atom-dark:#84B6CB;--cm-number-dark:#64AB8F;--vlook-invert-dark:var(--vlook-invert-dark-light);--vlook-invert-hover:var(--vlook-invert-hover-light);--vlook-brightness-dark:var(--vlook-brightness-dark-light);--doc-bg-color:var(--doc-bg-color-light);--doc-bg-color-alt:var(--doc-bg-color-alt-light);--doc-bg-color-transparent:var(--doc-bg-color-transparent-light);--doc-bg-color-alt-transparent:var(--doc-bg-color-alt-transparent-light);--fore-color:var(--fore-color-light);--fore-color-alt:var(--fore-color-alt-light);--blockquote-bg:var(--blockquote-bg-light);--tips-bg-color:var(--tips-bg-color-light);--tips-bg-color-inset:var(--tips-bg-color-inset-light);--a-color:var(--a-color-light);--mark-color:var(--mark-color-light);--tbl-border-color:var(--tbl-border-color-light);--tbl-header-color:var(--tbl-header-color-light);--tbl-th-bg-color:var(--tbl-th-bg-color-light);--tbl-td-bg-color:var(--tbl-td-bg-color-light);--tbl-cell-border-color:var(--tbl-cell-border-color-light);--tbl-row-g-alpha:var(--tbl-row-g-alpha-light);--del-color:var(--del-color-light);--toc-header-num-color:var(--toc-header-num-color-light);--header-color:var(--header-color-light);--header-box-shadow:var(--header-box-shadow-light);--header-bg-start-color:var(--header-bg-start-color-light);--header-bg-end-color:var(--header-bg-end-color-light);--code-bg-color:var(--code-bg-color-light);--code-name-bg-color:var(--code-name-bg-color-light);--code-name-shadow-color:var(--code-name-shadow-color-light);--acc-color-red:var(--acc-color-red-light);--acc-color-red-alt:var(--acc-color-red-alt-light);--acc-color-red-fade:var(--acc-color-red-fade-light);--acc-color-red-title:var(--acc-color-red-title-light);--acc-color-orange:var(--acc-color-orange-light);--acc-color-orange-alt:var(--acc-color-orange-alt-light);--acc-color-orange-fade:var(--acc-color-orange-fade-light);--acc-color-orange-title:var(--acc-color-orange-title-light);--acc-color-yellow:var(--acc-color-yellow-light);--acc-color-yellow-alt:var(--acc-color-yellow-alt-light);--acc-color-yellow-fade:var(--acc-color-yellow-fade-light);--acc-color-yellow-title:var(--acc-color-yellow-title-light);--acc-color-green:var(--acc-color-green-light);--acc-color-green-alt:var(--acc-color-green-alt-light);--acc-color-green-fade:var(--acc-color-green-fade-light);--acc-color-green-title:var(--acc-color-green-title-light);--acc-color-cyan:var(--acc-color-cyan-light);--acc-color-cyan-alt:var(--acc-color-cyan-alt-light);--acc-color-cyan-fade:var(--acc-color-cyan-fade-light);--acc-color-cyan-title:var(--acc-color-cyan-title-light);--acc-color-blue:var(--acc-color-blue-light);--acc-color-blue-alt:var(--acc-color-blue-alt-light);--acc-color-blue-fade:var(--acc-color-blue-fade-light);--acc-color-blue-title:var(--acc-color-blue-title-light);--acc-color-purple:var(--acc-color-purple-light);--acc-color-purple-alt:var(--acc-color-purple-alt-light);--acc-color-purple-fade:var(--acc-color-purple-fade-light);--acc-color-purple-title:var(--acc-color-purple-title-light);--acc-color-pink:var(--acc-color-pink-light);--acc-color-pink-alt:var(--acc-color-pink-alt-light);--acc-color-pink-fade:var(--acc-color-pink-fade-light);--acc-color-pink-title:var(--acc-color-pink-title-light);--acc-color-brown:var(--acc-color-brown-light);--acc-color-brown-alt:var(--acc-color-brown-alt-light);--acc-color-brown-fade:var(--acc-color-brown-fade-light);--acc-color-brown-title:var(--acc-color-brown-title-light);--acc-color-gray:var(--acc-color-gray-light);--acc-color-gray-alt:var(--acc-color-gray-alt-light);--acc-color-gray-fade:var(--acc-color-gray-fade-light);--acc-color-gray-title:var(--acc-color-gray-title-light);--acc-color-theme1:var(--acc-color-theme1-light);--acc-color-theme1-alt:var(--acc-color-theme1-alt-light);--acc-color-theme1-fade:var(--acc-color-theme1-fade-light);--acc-color-theme1-title:var(--acc-color-theme1-title-light);--acc-color-theme2:var(--acc-color-theme2-light);--acc-color-theme2-alt:var(--acc-color-theme2-alt-light);--acc-color-theme2-fade:var(--acc-color-theme2-fade-light);--acc-color-theme2-title:var(--acc-color-theme2-title-light);--mm-color-red:var(--mm-color-red-light);--mm-color-red-alt:var(--mm-color-red-alt-light);--mm-color-orange:var(--mm-color-orange-light);--mm-color-orange-alt:var(--mm-color-orange-alt-light);--mm-color-yellow:var(--mm-color-yellow-light);--mm-color-yellow-alt:var(--mm-color-yellow-alt-light);--mm-color-green:var(--mm-color-green-light);--mm-color-green-alt:var(--mm-color-green-alt-light);--mm-color-cyan:var(--mm-color-cyan-light);--mm-color-cyan-alt:var(--mm-color-cyan-alt-light);--mm-color-blue:var(--mm-color-blue-light);--mm-color-blue-alt:var(--mm-color-blue-alt-light);--mm-color-purple:var(--mm-color-purple-light);--mm-color-purple-alt:var(--mm-color-purple-alt-light);--mm-color-pink:var(--mm-color-pink-light);--mm-color-pink-alt:var(--mm-color-pink-alt-light);--mm-color-brown:var(--mm-color-brown-light);--mm-color-brown-alt:var(--mm-color-brown-alt-light);--mm-color-gray:var(--mm-color-gray-light);--mm-color-gray-alt:var(--mm-color-gray-alt-light);--cm-keyword:var(--cm-keyword-light);--cm-variable:var(--cm-variable-light);--cm-variable-2:var(--cm-variable-2-light);--cm-variable-3:var(--cm-variable-3-light);--cm-tag:var(--cm-tag-light);--cm-attribute:var(--cm-attribute-light);--cm-CodeMirror-cursor:var(--cm-CodeMirror-cursor-light);--cm-string:var(--cm-string-light);--cm-string-2:var(--cm-string-2-light);--cm-comment:var(--cm-comment-light);--cm-header:var(--cm-header-light);--cm-quote:var(--cm-quote-light);--cm-hr:var(--cm-hr-light);--cm-link:var(--cm-link-light);--cm-negative:var(--cm-negative-light);--cm-positive:var(--cm-positive-light);--cm-meta:var(--cm-meta-light);--cm-bulidin:var(--cm-bulidin-light);--cm-bracket:var(--cm-bracket-light);--cm-atom:var(--cm-atom-light);--cm-number:var(--cm-number-light)}html{font-size:1em}::selection{background:rgba(119,53,204,.3)}body.typora-export #write{filter:grayscale(50%) opacity(.4)}.mdx-vlook-load-done{filter:none!important;display:block!important}body{background-color:var(--doc-bg-color);color:var(--fore-color);font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;line-height:2;-webkit-tap-highlight-color:transparent}body.typora-export{padding-left:0;padding-right:0}body>:first-child{margin-top:0!important}body>:last-child{margin-bottom:0!important}body.freeze{overflow:hidden}body.unfreeze{overflow:auto}.md-img-error>.md-meta{background-color:var(--mark-color);color:var(--fore-color);border:5px dotted var(--doc-bg-color);border-radius:var(--vlook-base-radius);padding:10px}.md-img-error[data-src$=".m4a"]>.md-meta,.md-img-error[data-src$=".mp3"]>.md-meta,.md-img-error[data-src$=".mp4"]>.md-meta,.md-img-error[data-src$=".ogg"]>.md-meta,.md-img-error[data-src$=".ogv"]>.md-meta,.md-img-error[data-src$=".wav"]>.md-meta,.md-img-error[data-src$=".webm"]>.md-meta,.md-img-error[data-src*=".m4a?"]>.md-meta,.md-img-error[data-src*=".mp3?"]>.md-meta,.md-img-error[data-src*=".mp4"]>.md-meta,.md-img-error[data-src*=".ogg?"]>.md-meta,.md-img-error[data-src*=".ogv"]>.md-meta,.md-img-error[data-src*=".wav?"]>.md-meta,.md-img-error[data-src*=".webm"]>.md-meta{background:0 0;color:var(--header-color);border:inherit;padding:inherit;border-radius:inherit}.md-diagram-panel svg,.mdx-figure,img[src*="mode=figure"],p>.md-image:only-child:not(.md-img-error) img,p>img:only-child,svg[data-inject-url*="mode=figure"]{background-color:var(--doc-bg-color);border-radius:var(--vlook-base-radius);padding:0;border:2px solid var(--doc-bg-color-alt)}.mdx-mermaid-restyler{padding-bottom:0!important;margin-top:0!important;margin-bottom:-10px!important}img[src*="mode=figure"],p>.md-image:only-child:not(.md-img-error) img,p>.md-image:only-child:not(.md-img-error) img[src*="align=left"],p>.md-image:only-child:not(.md-img-error) svg[data-inject-url*="align=left"],p>img:only-child,p>img:only-child[src*="align=left"],p>svg[data-inject-url*="align=left"],svg[data-inject-url*="mode=figure"]{margin:0!important}p>.md-image:only-child:not(.md-img-error) img[src*="align=center"],p>.md-image:only-child:not(.md-img-error) svg[data-inject-url*="align=center"]{margin:auto!important}p>.md-image:only-child:not(.md-img-error) img[src*="align=right"],p>.md-image:only-child:not(.md-img-error) svg[data-inject-url*="align=right"]{margin:auto 0 auto auto!important}img[src*="padding=true"],svg[data-inject-url*="padding=true"]{padding:20px!important}img[src*="inline=true"],svg[data-inject-url*="inline=true"]{margin-bottom:20px!important}img[src*="grid=line"],svg[data-inject-url*="grid=line"]{background:url()}img[src*="grid=block"],svg[data-inject-url*="grid=block"]{background:url()}img[data-vk-img-fill=text],img[data-vk-img-fill=theme1],img[data-vk-img-fill=theme2]{left:-12345px;border-color:transparent;position:relative}img[src*="mode=icon"],svg[data-inject-url*="mode=icon"]{display:inline!important;height:1.25em;width:auto;margin-top:-4px!important;vertical-align:middle;border:0!important;border-radius:0!important;background:0 0!important}img[src*="mode=icon2x"],svg[data-inject-url*="mode=icon2x"]{height:2em}img[src*="mode=logo"],svg[data-inject-url*="mode=logo"]{display:inline!important;vertical-align:middle;border:0!important;border-radius:0!important;background:0 0!important}img[src*="mode=logol"],svg[data-inject-url*="mode=logol"]{float:left!important;padding:0 20px 0 0}img[src*="mode=logor"],svg[data-inject-url*="mode=logor"]{float:right!important;padding:0 0 0 20px}img[src*="mode=frame"],svg[data-inject-url*="mode=frame"]{display:inline!important;vertical-align:middle;border:2px solid var(--doc-bg-color-alt)!important;border-radius:var(--vlook-base-radius)!important;background:0 0!important;margin-bottom:20px!important}img[src*="mode=framel"],svg[data-inject-url*="mode=framel"]{float:left!important;padding:0 20px 0 0}img[src*="mode=framer"],svg[data-inject-url*="mode=framer"]{float:right!important;padding:0 0 0 20px}.md-header-anchor{margin:0!important;vertical-align:top!important}.md-emoji-span:before{vertical-align:baseline}audio{margin:0 10px;border-radius:var(--vlook-small-radius)}a{color:var(--a-color)!important;border-bottom:2px solid #7735cc;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;text-decoration:none}a[href*="lnkcss=none"],kbd a{border-bottom:none}kbd a{color:var(--doc-bg-color)!important}a kbd{color:#fff!important;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;background-color:#00a8be!important;margin:5px 0;border-radius:var(--vlook-base-radius);display:inline-block;box-shadow:0 2px 10px rgba(0,0,0,.3),0 0 0 0 transparent;padding:5px 10px}blockquote a kbd{padding:2px 8px}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#00a8be!important;font-weight:inherit}a[href*="lnkcss=none"]:hover,kbd a:hover{color:#7735cc!important;box-shadow:none;border-bottom:none}.mdx-quote-blue a kbd:hover,.mdx-quote-brown a kbd:hover,.mdx-quote-cyan a kbd:hover,.mdx-quote-gray a kbd:hover,.mdx-quote-green a kbd:hover,.mdx-quote-orange a kbd:hover,.mdx-quote-pink a kbd:hover,.mdx-quote-purple a kbd:hover,.mdx-quote-red a kbd:hover,.mdx-quote-theme1 a kbd:hover,.mdx-quote-theme2 a kbd:hover,.mdx-quote-yellow a kbd:hover,a kbd:hover{color:#00dad8!important;background-color:#7735cc!important}a:hover{color:#7735cc!important;box-shadow:0 -.3em 0 0 rgba(119,53,204,.3) inset}a:hover img,a:hover svg{filter:brightness(1.1)}a:hover img[src*="darksrc=invert"],a:hover svg[data-inject-url*="darksrc=invert"]{filter:var(--vlook-invert-dark) brightness(1.3)}a:hover img[data-vk-img-fill=text],a:hover img[data-vk-img-fill=theme1],a:hover img[data-vk-img-fill=theme2]{left:-12345px;filter:drop-shadow(12345px 0 #7735cc)!important;position:relative}a:hover kbd img[data-vk-img-fill=text],a:hover kbd img[data-vk-img-fill=theme1],a:hover kbd img[data-vk-img-fill=theme2]{filter:drop-shadow(12345px 0 #00dad8)!important}a:hover kbd svg[data-vk-img-fill] ellipse,a:hover kbd svg[data-vk-img-fill] path,a:hover kbd svg[data-vk-img-fill] polygon,a:hover kbd svg[data-vk-img-fill] rect{fill:#00dad8!important}a:active img{filter:brightness(.8)}a:active,blockquote a kbd{border-radius:var(--vlook-small-radius)}a:active{color:var(--fore-color)!important;background-color:var(--doc-bg-color-alt);border-bottom:0;box-shadow:0 0 0 2px rgba(119,53,204,.5);transition:none}a kbd,a[href*="lnkcss=none"]:active,kbd a:active{border:0}a kbd:active{background-color:#7c5ba6!important;box-shadow:0 0 0 2px rgba(124,91,166,.5);transition:none}a:not([name^=ref-footnote]):hover::before{content:"URL";white-space:pre;margin-top:-8px;vertical-align:super;line-height:1;color:#fff;border-radius:var(--vlook-tag-radius);padding:2px 3px;font-size:.5em;font-weight:900;background-color:#7735cc;position:absolute;z-index:99999}table td a:not([name^=ref-footnote]):hover::before,table th a:not([name^=ref-footnote]):hover::before{margin-top:-14px}a[class*=md-toc-inner]:hover::before,a[href^="#"]:hover::before{content:"#";background-color:#7b7d82}a[href^="http://"]:hover::before{content:"HTTP";background-color:#a47546}a[href^="https://"]:hover::before{content:"Secure HTTP";background-color:#38ab21}a[href^="mailto:"]:hover::before{content:"Email";background-color:#056bf0}a[href^="ftp://"]:hover::before{content:"FTP";background-color:#a47546}a[href^="ftps://"]:hover::before{content:"Secure FTP";background-color:#38ab21}a[href^="file://"]:hover::before{content:"Local File";background-color:#a47546}a[href^="smb://"]:hover::before{content:"SMB";background-color:#7738dc}a[href$=".csv"]:hover::before,a[href$=".doc"]:hover::before,a[href$=".docx"]:hover::before,a[href$=".pdf"]:hover::before,a[href$=".ppt"]:hover::before,a[href$=".pptx"]:hover::before,a[href$=".txt"]:hover::before,a[href$=".xls"]:hover::before,a[href$=".xlsx"]:hover::before{content:"Document";background-color:#18a8bf}a[href$=".7z"]:hover::before,a[href$=".cab"]:hover::before,a[href$=".dmg"]:hover::before,a[href$=".gz"]:hover::before,a[href$=".rar"]:hover::before,a[href$=".tar"]:hover::before,a[href$=".zip"]:hover::before{content:"Archive File";background-color:#e27d09}a[href$=".exe"]:hover::before,a[href$=".sh"]:hover::before{content:"!! High Risk !!";background-color:#c72334}u{text-decoration:none;border-bottom:1px solid var(--fore-color)}h1,h2,h3,h4,h5{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900}h5{margin:1em 0 .5em}h1,h2,h3,h4,h5,h6{color:var(--header-color);position:relative;padding:10px;line-height:1.5;border-radius:var(--vlook-base-radius) var(--vlook-base-radius) 0 0;background:linear-gradient(0deg,var(--header-bg-start-color),var(--header-bg-end-color))}blockquote p+ol,blockquote p+ul,blockquote>ol,blockquote>ul,h1+figure,h1+ol,h1+ul,h2+figure,h2+ol,h2+ul,h3+figure,h3+ol,h3+ul,h4+figure,h4+ol,h4+ul,h5+figure,h5+ol,h5+ul,h6+figure,h6+ol,h6+ul,li>figure,li>p+ol,li>p+ul{margin-top:0}h1,h2{margin:3em 0 .5em;font-size:2em;box-shadow:0 7px 0 0 var(--header-box-shadow) inset;counter-reset:h2}h2{font-size:1.8em;box-shadow:0 5px 0 0 var(--header-box-shadow) inset;counter-reset:h3}h1+h2,h2+h3,h3+h4,h4+h5{box-shadow:none;background:0 0;margin-top:-.5em}h3,h4{margin:2em 0 .5em;font-size:1.6em;box-shadow:0 3px 0 0 var(--header-box-shadow) inset;counter-reset:h4}h4{font-size:1.4em;box-shadow:0 1px 0 0 var(--header-box-shadow) inset;counter-reset:h5}h5,h6{font-size:1.25em}h5{box-shadow:0 0 0 0 var(--header-box-shadow) inset}h6{margin:1em 0 0;padding-top:.5em;padding-bottom:.5em;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;box-shadow:none;background:0 0}h6::after{content:"";display:block;width:3.5em;margin-left:1.25em;padding-bottom:4px;border-bottom:2px solid rgba(0,218,216,.5)}#write>h6:first-child::after,#write>h6:last-child::after,#write>pre.md-meta-block:first-child+h6::after,blockquote h6::after{margin-left:0;padding-bottom:0;border:0}h1+h6,h2+h6,h3+h6,h4+h6,h5+h6,h6+h6{margin-top:0;padding-top:0}li>h6{color:var(--header-color);border-left:0;padding-left:0}li>h6::before{content:"▪ ";color:rgba(0,218,216,.5)}strong{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif}strong,strong a{font-weight:900}hr{margin-top:1.5em;margin-bottom:1.5em;border:2px solid var(--doc-bg-color-alt);overflow:hidden;box-sizing:content-box;border-top:0}body>div>h1:first-of-type{border-top:0}a:first-child>h1,a:first-child>h2,a:first-child>h3,a:first-child>h4,a:first-child>h5,a:first-child>h6,body>h1:first-child,body>h1:first-child+h2,body>h2:first-child,body>h3:first-child,body>h4:first-child,body>h5:first-child,body>h6:first-child{margin-top:0;padding-top:0}.md-diagram-panel,figure,ol>li,p,ul>li{text-align:left;margin-top:0}figure{padding-bottom:1px;margin-bottom:20px;border-radius:var(--vlook-base-radius)}::marker,li::before{font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;color:var(--fore-color-alt)}ol,ul{padding-left:1.25em;padding-bottom:0}ol>li{list-style-type:decimal}ol>li>ol>li{list-style-type:lower-alpha}ol>li>ol>li>ol>li{list-style-type:lower-roman}ol>li>ol>li>ol>li>ol>li{list-style-type:decimal-leading-zero}ol>li>ol>li>ol>li>ol>li>ol>li{list-style-type:upper-alpha}ol>li>ol>li>ol>li>ol>li>ol>li>ol>li{list-style-type:upper-roman}ul>li{list-style-type:disc}ul>li>ul>li{list-style-type:square}ul>li>ul>li>ul>li{list-style-type:circle}blockquote{border-radius:var(--vlook-base-radius);padding:.5em 1em;margin-top:0;margin-bottom:1em;color:var(--fore-color);background-color:var(--blockquote-bg)}.md-hr+blockquote,.md-hr+blockquote+blockquote,hr+blockquote,hr+blockquote+blockquote{display:inline-block!important;max-width:49%!important;min-width:49%!important;vertical-align:top}.md-hr+blockquote+blockquote,hr+blockquote+blockquote{margin-left:2%!important}.md-hr+.md-hr+blockquote,.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+blockquote+blockquote+blockquote,hr+hr+blockquote,hr+hr+blockquote+blockquote,hr+hr+blockquote+blockquote+blockquote{display:inline-block!important;max-width:32%!important;min-width:32%!important;vertical-align:top}.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+blockquote+blockquote+blockquote,hr+hr+blockquote+blockquote,hr+hr+blockquote+blockquote+blockquote{margin-left:2%!important}.md-hr+.md-hr+.md-hr+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote+blockquote,hr+hr+hr+blockquote,hr+hr+hr+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote+blockquote{display:inline-block!important;max-width:23.5%!important;min-width:23.5%!important;vertical-align:top}.md-hr+.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote+blockquote{margin-left:2%!important}.md-hr+.md-hr,hr+hr,p+ol,p+ul{margin-top:-1em}blockquote>p{margin-bottom:0}blockquote hr{border-color:var(--doc-bg-color);margin-top:10px;margin-bottom:10px}blockquote h6{padding:5px 0;color:var(--fore-color);font-size:1.25em}blockquote h6 a{margin-left:-.1em}blockquote h6::before{content:""!important;margin-left:0!important}h6+blockquote,li>blockquote{width:fit-content!important}blockquote>blockquote{border-left:5px solid rgba(123,125,130,.2);background:0 0;border-radius:0;padding-top:0;padding-bottom:0}blockquote>strong{color:inherit!important}.mdx-img-lost,.mdx-link-error-list{background-color:var(--doc-bg-color-alt)}.mdx-img-lost{background-image:url()!important;background-size:400px 200px;border:0;width:400px;height:200px}.mdx-link-error-list{display:none;padding:10px 0;position:fixed;color:var(--fore-color);top:20px;right:20px;bottom:50px;width:var(--vlook-nav-center-width);line-height:1.5;border-radius:var(--vlook-base-radius);overflow:auto;z-index:4500}.mdx-link-error-list-header{display:none;position:absolute;z-index:10;border-radius:var(--vlook-base-radius) var(--vlook-base-radius) 0 0;top:0;left:0;height:30px;width:100%;background:linear-gradient(180deg,var(--doc-bg-color-alt) 10px,var(--doc-bg-color-alt-transparent));pointer-events:none}.mdx-link-error-list-body{padding:10px 0;height:100%;z-index:0}.mdx-link-error-list-items{overflow-y:scroll;height:100%;z-index:0}.mdx-link-error-list-footer{position:absolute;z-index:10;border-radius:0 0 var(--vlook-base-radius) var(--vlook-base-radius);top:auto;left:0;bottom:0;height:30px;width:100%;background:linear-gradient(0deg,var(--doc-bg-color-alt) 10px,var(--doc-bg-color-alt-transparent));pointer-events:none}.mdx-doc-info,.mdx-link-chk-result,.mdx-status-bar{justify-content:center;align-items:center;height:30px}.mdx-status-bar{position:fixed;border-radius:var(--vlook-small-radius);right:30px;bottom:20px;z-index:100}.mdx-doc-info,.mdx-link-chk-result{vertical-align:top;color:var(--fore-color);background-color:var(--doc-bg-color-alt)}.mdx-doc-info{display:inline-flex;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-size:.85em;padding:0 10px;min-width:80px;border-radius:var(--vlook-small-radius);opacity:.6;cursor:default}.mdx-link-chk-result{display:none;cursor:pointer;padding:0;width:30px;border-radius:0 var(--vlook-small-radius) var(--vlook-small-radius) 0}.mdx-link-result-ok{display:flex;background-color:var(--acc-color-green-light)}.mdx-link-result-error{display:inline-flex;cursor:pointer;background-color:var(--acc-color-red-light)}.mdx-link-result-error:hover{background-color:var(--fore-color)}.mdx-link-result-error:hover>svg>use{fill:var(--doc-bg-color)}.mdx-link-result-error:active{background-color:var(--acc-color-red-light);box-shadow:0 0 0 2px rgba(199,35,52,.5)}.mdx-link-result-error:active>svg>use,use.mdx-svg-ico-light{fill:#fff}.mdx-link-error-source:focus{outline:2px dashed var(--acc-color-red-light)}table{border-collapse:inherit;border-spacing:0;width:auto;line-height:1.5;word-break:break-all;white-space:pre-wrap;border:2px solid var(--tbl-border-color);border-radius:var(--vlook-base-radius);background-color:var(--doc-bg-color)}thead{display:contents!important}table>thead>tr>td,table>thead>tr>th{background-color:var(--tbl-th-bg-color);font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;border-right:1px solid var(--tbl-cell-border-color);margin:0;padding:.5em;box-shadow:0 1px 0 var(--tbl-cell-border-color)}table>tbody>tr:first-child>td{box-shadow:0 -2px 0 0 var(--tbl-header-color)}table>tbody>tr:not(:first-child)>td{box-shadow:0 -1px 0 0 var(--tbl-cell-border-color)}table>tbody>tr:nth-child(2n){background-color:var(--tbl-td-bg-color)}table>thead>tr:first-child>th:first-child{border-top-left-radius:var(--vlook-table-radius);white-space:pre}table td,table th{font-size:.9em}table>thead>tr:first-child>th:last-child{border-top-right-radius:var(--vlook-table-radius)}table>tbody>tr:last-child>td:first-child{border-bottom-left-radius:var(--vlook-table-radius)}table>tbody>tr:last-child>td:last-child{border-bottom-right-radius:var(--vlook-table-radius)}table tr>td{border-right:1px solid var(--tbl-cell-border-color);margin:0;padding:5px;vertical-align:top}table tr>td:first-child,table tr>th{white-space:pre!important}table tr>td:last-child,table tr>th:last-child{border-right:0}.mdx-empty-cell{padding:1px;background-color:var(--tbl-header-color)}table>tbody>tr:not(:first-child)>td.mdx-empty-cell{box-shadow:none!important}.mdx-th-repeater{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;background-color:var(--tbl-th-bg-color);vertical-align:middle!important}.mdx-th-repeater.first{box-shadow:0 -2px 0 0 var(--tbl-header-color),0 1px 0 0 var(--tbl-header-color)!important}.mdx-th-repeater.not-first{box-shadow:0 1px 0 0 var(--tbl-header-color)!important}.mdx-table-colspan-all{padding-left:5px;background-color:var(--tbl-th-bg-color)}.mdx-table-colspan-all::before{content:""}.mdx-tbl-col-fmt-bold{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900}.mdx-tbl-col-fmt-em{font-style:italic}.mdx-tbl-col-fmt-mark{background-color:var(--mark-color)!important;text-shadow:0 1px 0 var(--doc-bg-color);color:var(--fore-bg-color)!important}.mdx-tbl-col-fmt-num{font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-tbl-col-fmt-num>span{font-size:1.2em}.mdx-tbl-col-fmt-num-positive{color:#d00000}.mdx-tbl-col-fmt-num-negative{color:#00b000}.mdx-tbl-col-fmt-num-decimal{font-size:.8em}.mdx-tbl-col-fmt-currency{float:left;font-size:.8em;padding-top:3px;padding-right:10px;color:var(--fore-color-alt);font-weight:400}.mdx-tbl-col-fmt-percent{opacity:.6;font-size:.8em}.mdx-tbl-row-g-folder{text-align:left!important}h6+figure table tbody>tr>td.mdx-tbl-row-g-not-folder,li>figure table tbody>tr>td.mdx-tbl-row-g-not-folder{text-align:left!important;padding-left:50px!important}td.mdx-tbl-row-g-not-folder{text-align:left!important;padding-left:25px!important}.mdx-tbl-row-g-btn{cursor:pointer}.mdx-blockquote-folder.hover>svg>use,.mdx-tbl-row-g-btn.hover>svg>use{fill:#7735cc!important}.mdx-blockquote-folder.hover:active>svg>use,.mdx-tbl-row-g-btn.hover:active>svg>use{fill:#7c5ba6!important}.mdx-tbl-row-g-sub{text-align:left!important;padding-left:5px!important}.mdx-tbl-row-g-identer{width:4px;height:32px;display:inline-block;padding:0;margin:-10px 58px -10px 4px}h6+figure table .mdx-tbl-row-g-identer,li>figure table .mdx-tbl-row-g-identer{margin-right:82px}.mdx-tbl-row-g-identer+.mdx-tbl-row-g-identer{margin-left:-12px!important}h6+figure table .mdx-tbl-row-g-identer+.mdx-tbl-row-g-identer,li>figure table .mdx-tbl-row-g-identer+.mdx-tbl-row-g-identer{margin-right:52px!important}.mdx-tbl-row-g-identer-folder{margin-right:38px}h6+figure table .mdx-tbl-row-g-identer-folder,li>figure table .mdx-tbl-row-g-identer-folder{margin-right:62px!important}h6+figure table .mdx-tbl-row-g-identer+.mdx-tbl-row-g-identer-folder,li>figure table .mdx-tbl-row-g-identer+.mdx-tbl-row-g-identer-folder{margin-right:30px!important}h6+figure table,li>figure table{counter-reset:tableRowNumber - 1}h6+figure table tbody tr,li>figure table tbody tr{counter-increment:tableRowNumber}figure table tr::before{content:"";color:var(--toc-header-num-color);font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400!important;font-style:normal!important;font-size:.8em;vertical-align:middle;text-align:right;width:2.5em;position:absolute;left:1em;padding-top:5px}h6+figure table tbody tr::before,li>figure table tbody tr::before{content:counter(tableRowNumber);text-align:right;margin-top:4px;margin-left:-15px;font-size:.6em;color:var(--fore-color-alt);position:absolute}h6+figure table tbody tr:hover::before,li>figure table tbody tr:hover::before{content:"▶";color:#7735cc}.mdx-tbl-row-num-hidden::before{content:""!important}h6+figure table tbody tr::before{margin-left:5px}h6+figure table tr>td:first-child,h6+figure table tr>th:first-child,li>figure table tr>td:first-child,li>figure table tr>th:first-child{padding-left:30px}.mdx-table-cross{top:0;width:100px;height:100px;position:absolute;visibility:hidden;opacity:0;pointer-events:none}.mdx-table-cross.left{background:linear-gradient(90deg,rgba(119,53,204,.01),rgba(119,53,204,.3))}.mdx-table-cross.right{background:linear-gradient(90deg,rgba(119,53,204,.3),rgba(119,53,204,.01))}.mdx-table-cross.up{background:linear-gradient(0deg,rgba(119,53,204,.3),rgba(119,53,204,.01))}.mdx-table-cross.down{background:linear-gradient(0deg,rgba(119,53,204,.01),rgba(119,53,204,.3))}mark{box-shadow:0 -.9em 0 0 var(--mark-color) inset;text-shadow:0 1px 0 var(--doc-bg-color);background:0 0;margin-left:.1em;margin-right:.1em;color:inherit}del,del strong{color:var(--del-color)!important;text-decoration:line-through solid!important}del code{font-style:italic;text-decoration:line-throug solid!important}.footnotes-area{margin-top:100px}.footnote-line{font-size:1em;margin-top:.5em;padding-bottom:.5em}.mdx-foot-note-panel-content>.footnote-line{padding-bottom:50px}.md-fn-count,a[name^=ref-footnote-]{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400}.md-fn-count::before{content:"["}.md-fn-count::after{content:"] "}.reversefootnote{color:#056bf0}.reversefootnote:hover{color:#c72334}a[name^=ref-footnote-]{color:#056bf0}a[name^=ref-footnote-]:hover{color:#7c5ba6}.CodeMirror-gutters{border-width:0;background-color:var(--doc-bg-color-alt);border-right:1px solid var(--doc-bg-color-alt);height:100%!important}.CodeMirror-linenumber{color:#737c8f;font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif}#write>pre.md-meta-block,.md-fences,code,tt{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace;color:var(--fore-color)}code,tt{font-weight:400;background-color:var(--code-bg-color);border-radius:var(--vlook-small-radius);padding:2px 5px;box-shadow:0 0 0 1px var(--doc-bg-color) inset;font-size:.9em;display:inline;white-space:pre}#write>pre.md-meta-block,.md-fences{border-radius:var(--vlook-base-radius)}.md-fences{border:2px solid var(--tbl-border-color);margin:0 0 20px}.mdx-caption>.md-fences,code,tt{margin:0}.task-list{padding-left:0}.task-list-item{padding-left:32px}.task-list-item input{top:3px;left:8px}#write>pre.md-meta-block{font-weight:400;font-size:1em;line-height:2;padding:4px 10px;background-color:var(--code-bg-color)}.mathjax-block>.code-tooltip{bottom:.375em}.md-tag{color:inherit}#typora-quick-open{border:1px solid var(--tbl-border-color);background-color:rgba(24,26,30,.05)}#typora-quick-open-item{background-color:rgba(24,26,30,.05);border-color:var(--tbl-border-color);border-style:solid;border-width:1px}#md-notification::before{top:10px}.on-focus-mode blockquote{border-left-color:#181a1e}.md-toc-content{counter-reset:h1toc}.md-toc-h1,.md-toc-h2{margin-left:0;padding-left:10px;counter-reset:h2toc}.md-toc-h2{padding-left:20px;counter-reset:h3toc}.md-toc-h3,.md-toc-h4{margin-left:0;padding-left:30px;counter-reset:h4toc}.md-toc-h4{padding-left:40px;counter-reset:h5toc}.md-toc-h5,.md-toc-h6{margin-left:0;padding-left:50px}.md-toc-h5{counter-reset:h6toc}.md-toc-h6{display:none}.md-toc-h1::before{counter-increment:h1toc;content:counter(h1toc) ".  "}.md-toc-h1>.md-toc-inner{margin-left:0;font-weight:900}.md-toc-h2::before{counter-increment:h2toc;content:counter(h1toc) "." counter(h2toc) "  "}.md-toc-h2>.md-toc-inner,.md-toc-h3>.md-toc-inner,.md-toc-h4>.md-toc-inner,.md-toc-h5>.md-toc-inner{margin-left:0}.md-toc-h3::before{counter-increment:h3toc;content:counter(h1toc) "." counter(h2toc) "." counter(h3toc) "  "}.md-toc-h4::before{counter-increment:h4toc;content:counter(h1toc) "." counter(h2toc) "." counter(h3toc) "." counter(h4toc) "  "}.md-toc-h5::before{counter-increment:h5toc;content:counter(h1toc) "." counter(h2toc) "." counter(h3toc) "." counter(h4toc) "." counter(h5toc) "  "}#write{counter-reset:h1}#write h1::before,#write h2::before,#write h3::before,#write h4::before,#write h5::before,#write h6::before{color:rgba(0,218,216,.5)}#write h1::before{counter-increment:h1;content:counter(h1) ".  "}#write h2::before{counter-increment:h2;content:counter(h1) "." counter(h2) "  "}#write h3::before{counter-increment:h3;content:counter(h1) "." counter(h2) "." counter(h3) "  "}#write h4::before{counter-increment:h4;content:counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "  "}#write h5::before{counter-increment:h5;content:counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "  "}#write h6::before{content:"❖ "}#write>h6:first-child::before,#write>h6:last-child::before,#write>pre.md-meta-block:first-child+h6::before{content:""}#write>h3.md-focus::before,#write>h4.md-focus::before,#write>h5.md-focus::before,#write>h6.md-focus::before,h3.md-focus::before,h4.md-focus::before,h5.md-focus::before,h6.md-focus::before{border:inherit;position:inherit;left:inherit;float:none;top:initial;font-size:inherit;vertical-align:inherit;font-weight:inherit;line-height:inherit}.outline-item{line-height:1;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400}.pieTitleText{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;font-size:1.5em!important}.legend text,.pieTitleText{fill:var(--fore-color)!important}.legend text,.pieTitleText,.slice{font-weight:900!important}.mdx-figure .label div,.mermaid .label div{font-size:.9em!important}#INIT .label div,g[id^=flowchart-INIT] .label div,svg[id^=mermaidChart]{color:var(--fore-color)!important}.cluster text,.label div,.legend text,.slice,text.actor,text.actor>tspan{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.label div{color:var(--fore-color)!important;font-weight:400!important}.node polygon,.node rect[rx="0"][ry="0"],.node rect[rx="5"][ry="5"]{fill:var(--mm-color-blue-alt)!important;stroke:var(--mm-color-blue)!important;stroke-width:5px!important}.node polygon,.node rect[rx="5"][ry="5"]{stroke-width:1px!important}.node circle,.node[id^=flowchart-page] polygon,.node[id^=page] polygon{fill:var(--doc-bg-color)!important;stroke:var(--mm-color-green)!important;stroke-width:2px!important}.node polygon{fill:var(--mm-color-red-alt)!important;stroke:var(--mm-color-red)!important}.node[id^=flowchart-trans] polygon,.node[id^=trans] polygon{fill:var(--fore-color)!important;stroke-width:0!important}.edgePath .path{stroke:var(--fore-color)!important;stroke-width:2px}.arrowheadPath,.mdx-segment-btn.hover>svg>use,.mdx-segment-indicator>svg>use,use.mdx-svg-ico-dark{fill:var(--fore-color)}.edgeLabel,.edgeLabel .label span{color:var(--fore-color)!important;line-height:1em!important}.edgeLabel,.edgeLabel .label rect,.edgeLabel .label span,.edgeLabel div,g.stateGroup .composit{fill:var(--doc-bg-color)!important}.actor,.cluster rect{stroke-width:1px!important}.cluster rect{fill:var(--doc-bg-color-alt)!important;stroke:var(--fore-color)!important;stroke-dasharray:3px!important}.cluster text,text.actor,text.actor>tspan{fill:var(--fore-color)!important}.cluster text{color:var(--fore-color)!important;font-weight:400!important}#END rect,#INIT circle,#START rect,g[id^=flowchart-END] rect,g[id^=flowchart-INIT] circle,g[id^=flowchart-START] rect{fill:var(--fore-color)!important;stroke:var(--fore-color)!important;stroke-width:5px!important}#START rect+.label div,g[id^=flowchart-START] rect+.label div{color:var(--doc-bg-color)!important;font-weight:900!important}#END rect,g[id^=flowchart-END] rect{color:var(--fore-color)!important;fill:var(--doc-bg-color)!important}#END rect+.label div,g[id^=flowchart-END] rect+.label div{font-weight:900!important}#INIT circle,g[id^=flowchart-INIT] circle{stroke-width:0!important}#INIT~g>rect,g[id^=flowchart-INIT]~g>rect[rx][ry]{stroke-width:3px!important}#FINAL circle,g[id^=flowchart-FINAL] circle{fill:none!important;stroke:var(--fore-color)!important;stroke-width:5px!important}.actor{stroke:var(--mm-color-blue)!important;fill:var(--mm-color-blue-alt)!important;font-size:1em!important}.mdx-actor-person{fill:var(--doc-bg-color-alt)!important;stroke:var(--fore-color-alt)!important}.mdx-actor-key-sys{stroke-width:3px!important;font-weight:900!important}.mdx-actor-ext-sys{stroke-dasharray:5px,2px!important;font-style:italic!important}text.actor,text.actor>tspan{stroke:none!important;font-size:.9em!important}.actor-line{stroke:var(--mm-color-blue)!important;stroke-width:1px!important}.messageLine0{stroke-width:2px!important;stroke:var(--fore-color)!important}#arrowhead,#arrowhead path,[id^=arrowhead],[id^=arrowhead] path,g.stateGroup rect[height="7"]{fill:var(--fore-color)!important;stroke:none!important}.messageLine1{stroke-width:2px!important;stroke-dasharray:3px,3px!important;stroke:var(--fore-color)!important}.labelBox+.labelText,.sequenceNumber{fill:var(--doc-bg-color)!important;font-weight:900!important}#sequencenumber{fill:var(--mm-color-blue)!important;stroke:var(--doc-bg-color)!important;transform:scale(.7);transform-origin:15px 15px}#crosshead,#crosshead path{fill:var(--fore-color-alt)!important;stroke:var(--fore-color)!important}.messageText{fill:var(--fore-color)!important;stroke:none!important;font-size:.9em!important;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;font-weight:400!important;line-height:2em!important}.activation0,.activation1,.activation2{fill:var(--mm-color-blue-alt)!important;stroke-width:0!important}.labelBox{stroke:none!important;fill:var(--mm-color-purple-light)!important}.labelBox+.labelText{fill:var(--mm-color-purple-alt-light)!important;font-size:.9em!important}.labelBox+.labelText,.loopText,.loopText>tspan,.noteText tspan,g.stateGroup .state-title,g.stateGroup text{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.loopText,.loopText>tspan{fill:var(--mm-color-purple-light)!important;font-weight:700!important}.loopLine{stroke-width:1px!important;stroke-dasharray:8px,8px!important;stroke:var(--mm-color-purple-light)!important}.note{stroke:var(--mm-color-yellow)!important;stroke-dasharray:5px!important;fill:var(--mm-color-yellow-alt)!important}.noteText tspan,g.stateGroup .state-title,g.stateGroup text{font-size:.9em!important}g.stateGroup circle{fill:var(--fore-color)!important;stroke:var(--doc-bg-color)!important}#INIT~g>rect,g.stateGroup line,g.stateGroup rect,g[id^=flowchart-INIT]~g>rect[rx][ry]{fill:var(--mm-color-purple-alt)!important;stroke:var(--mm-color-purple)!important}.transition{stroke:var(--fore-color)!important}g.stateGroup .state-title,g.stateGroup text{fill:var(--fore-color)!important;font-weight:400!important;font-size:.5em!important}.stateLabel text{font-size:.5em!important}g.state-note{fill:var(--mm-color-gray-alt);stroke:var(--mm-color-gray)}.noteText tspan,g.cardinality text,g.classGroup text,g.classLabel .label{font-weight:400!important;fill:var(--fore-color)!important;stroke:none!important}g.cardinality text,g.classGroup text,g.classLabel .label{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace!important}g.classGroup rect,g.classLabel .box{fill:var(--mm-color-brown-alt)!important}.relation,g.classGroup line,g.classGroup rect{stroke:var(--mm-color-brown)!important}.relation,g.classGroup line{stroke-width:1px!important}g.classLabel .box{stroke:none!important;opacity:.5!important}.relation{stroke:var(--fore-color)!important;fill:none!important}#aggregationEnd,#aggregationStart,#compositionEnd,#compositionStart,#dependencyEnd,#dependencyStart,#extensionEnd,#extensionStart,.aggregation,.composition{fill:var(--fore-color)!important;stroke:var(--fore-color)!important;stroke-width:1px!important}div.mermaidTooltip{position:absolute!important;text-align:center!important;max-width:200px!important;padding:2px!important;background:var(--fore-color-alt)!important;border:1px solid #d0d0d0!important;border-radius:var(--vlook-small-radius)!important;pointer-events:none!important;z-index:100!important}.section{stroke:none!important}.section0,.section2{fill:var(--fore-color-alt)!important}.section1,.section3{fill:rgba(24,26,30,.05)!important}.sectionTitle0,.sectionTitle1,.sectionTitle2,.sectionTitle3{fill:var(--fore-color)!important}.sectionTitle{text-anchor:start!important;font-size:.8em!important;line-height:2em!important}.grid .tick{stroke:var(--fore-color-alt)!important;shape-rendering:crispEdges!important}.grid path,g.classLabel .box{stroke-width:0!important}.today{fill:none;stroke:var(--mm-color-red)!important;stroke-width:3px!important}.task{stroke-width:2px!important}.taskText,.taskTextOutsideLeft,.taskTextOutsideRight{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;font-weight:400!important}.taskText{text-anchor:middle!important;font-size:.8em!important;line-height:2em!important}.taskTextOutsideLeft,.taskTextOutsideRight{fill:var(--fore-color)!important;text-anchor:start!important}.taskTextOutsideLeft{text-anchor:end!important}.active0,.active1,.active2,.active3{fill:var(--mm-color-blue-alt)!important;stroke:var(--mm-color-blue)!important}.activeText0,.activeText1,.activeText2,.activeText3{fill:var(--mm-color-blue)!important}.done0,.done1,.done2,.done3{stroke:none!important;fill:var(--mm-color-blue-alt)!important;stroke-width:2px!important;stroke-dasharray:2px!important}.task0,.task1,.task2,.task3{fill:var(--doc-bg-color)!important;stroke:var(--mm-color-blue)!important;stroke-dasharray:2px!important}.doneText0,.doneText1,.doneText2,.doneText3,.taskText0,.taskText1,.taskText2,.taskText3,.taskTextOutside0,.taskTextOutside1,.taskTextOutside2,.taskTextOutside3{fill:var(--fore-color)!important}.activeCrit0,.activeCrit1,.activeCrit2,.activeCrit3{stroke:var(--mm-color-red)!important;fill:var(--mm-color-red-alt)!important;stroke-width:2px!important}.activeCritText0,.activeCritText1,.activeCritText2,.activeCritText3{fill:var(--mm-color-red)!important}.doneCrit0,.doneCrit1,.doneCrit2,.doneCrit3{stroke:none!important;fill:var(--mm-color-red-alt)!important;stroke-width:2px!important;cursor:pointer!important;shape-rendering:crispEdges!important}.crit0,.crit1,.crit2,.crit3{stroke:var(--mm-color-red)!important;fill:var(--doc-bg-color)!important;stroke-width:2px!important;stroke-dasharray:2px!important}.critText0,.critText1,.critText2,.critText3,.doneCritText0,.doneCritText1,.doneCritText2,.doneCritText3,.titleText{fill:var(--fore-color)!important}.titleText{text-anchor:middle!important;font-size:1.5em!important;line-height:2em!important;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;font-weight:900!important}.entityBox{fill:var(--mm-color-pink-alt)!important;stroke:var(--mm-color-pink)!important}#write{max-width:100%;margin:0 auto;padding:10px 20px}#write>ol:first-child,#write>ul:first-child{margin-top:30px}#write pre.ty-contain-cm,sup.md-footnote>a{padding:0;border-radius:var(--vlook-base-radius)}.CodeMirror-scroll{border-radius:var(--vlook-table-radius)}.CodeMirror-sizer{background-color:var(--doc-bg-color)}.CodeMirror pre{padding:0 10px}.CodeMirror-line:hover{background-color:var(--doc-bg-color-alt)}.CodeMirror.cm-s-inner{border-radius:var(--vlook-table-radius)}.CodeMirror div.CodeMirror-cursor{border-color:var(--cm-CodeMirror-cursor);border-left:1px solid #b8bfc6;z-index:3}.cm-s-inner .cm-operator,.cm-s-inner .cm-property,.cm-s-inner .cm-variable{color:var(--cm-variable)}.cm-s-inner .cm-variable-2{color:var(--cm-variable-2)}.cm-s-inner .cm-variable-3{color:var(--cm-variable-3)}.cm-s-inner .cm-keyword{color:var(--cm-keyword)}.cm-s-inner .cm-tag{color:var(--cm-tag)}.cm-s-inner .cm-attribute{color:var(--cm-attribute)}.cm-s-inner .cm-string{color:var(--cm-string)}.cm-s-inner .cm-string-2{color:var(--cm-string-2)}.cm-s-inner .cm-comment,.cm-s-inner.cm-comment{color:var(--cm-comment)}.cm-s-inner .cm-def,.cm-s-inner .cm-header,.cm-s-inner.cm-def,.cm-s-inner.cm-header{color:var(--cm-header)}.cm-s-inner .cm-quote,.cm-s-inner.cm-quote{color:var(--cm-quote)}.cm-s-inner .cm-hr{color:var(--cm-hr)}.cm-s-inner .cm-link{color:var(--cm-link)}.cm-s-inner .cm-negative{color:var(--cm-negative)}.cm-s-inner .cm-positive{color:var(--cm-positive)}.cm-s-inner .cm-meta,.cm-s-inner .cm-qualifier{color:var(--cm-meta)}.cm-s-inner .cm-builtin{color:var(--cm-bulidin)}.cm-s-inner .cm-bracket{color:var(--cm-bracket)}.cm-s-inner .cm-atom,.cm-s-inner.cm-atom{color:var(--cm-atom)}.cm-s-inner .cm-number{color:var(--cm-number)}.MathJax_SVG_Display{border:0;overflow-x:auto;border:2px solid var(--doc-bg-color-alt);border-radius:var(--vlook-base-radius);padding:10px;cursor:pointer}.MathJax_SVG g[id^=mjx-eqn-]{fill:var(--fore-color-alt)}.MathJax_SVG_Display:hover{border-color:#7735cc}.MathJax_SVG_Display:active{transform:scale(1.5);border:0}.MathJax_SVG g text{color:var(--fore-color)}.md-toc-inner,.md-toc-item a:hover{text-decoration:none;box-shadow:none}.md-toc-item,.mdx-toc-item{color:var(--fore-color);font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;font-size:1em;margin-left:10px;margin-right:10px;border-radius:var(--vlook-small-radius);text-overflow:ellipsis;overflow:hidden;cursor:pointer}.md-toc-item{padding-right:5px;white-space:nowrap}.mdx-toc-item{white-space:normal;line-height:1.5;padding:5px;margin-bottom:5px;display:block}.md-toc-item::before{color:var(--toc-header-num-color);padding-left:5px}.md-toc-item:hover,.mdx-toc-item:hover{background-color:var(--blockquote-bg)}.md-toc-item:active,.mdx-toc-item:active{color:var(--doc-bg-color);background-color:var(--fore-color-alt);box-shadow:0 0 0 2px var(--tbl-border-color);transition:none}.md-toc-item:active::before,.mdx-toc-item:active::before,.mdx-toc-item:active>span{color:var(--doc-bg-color)}.mdx-caption-1>span,.mdx-toc-item>span{color:var(--fore-color-alt);font-size:.85em}.md-toc,.mdx-toc{margin-top:20px;margin-bottom:.5em;border-radius:0;line-height:2;font-size:1em}.md-toc-item a{text-decoration:none;padding:0;border-radius:0;border:0}.md-toc-item a:hover{color:var(--fore-color)!important;border:0}sup.md-footnote{color:var(--fore-color-alt);background:0 0;padding:0;margin-left:.2em;margin-right:.2em}sup.md-footnote>a{color:var(--doc-bg-color)!important;background-color:var(--fore-color-alt);margin:0;box-shadow:none;border-bottom:none;padding:0 5px;font-size:.8em}sup.md-footnote>a:hover{background-color:#7735cc;color:#fff!important}.footnote-line>a:not(.reversefootnote){color:var(--fore-color)}kbd{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace;font-weight:900;font-size:.875em;border-radius:var(--vlook-tag-radius);margin:0 5px;padding:2px 8px;border:2px solid var(--fore-color);color:var(--doc-bg-color);background-color:var(--fore-color);box-shadow:0 0 0 2px var(--doc-bg-color-alt) inset}ul>.md-task-list-item{list-style-type:decimal!important}ul>li>ul>.md-task-list-item{list-style-type:lower-alpha!important}ul>li>ul>li>ul>.md-task-list-item{list-style-type:disc!important}ul>li>ul>li>ul>li>ul>.md-task-list-item{list-style-type:lower-roman!important}ul>li>ul>li>ul>li>ul>li>ul>.md-task-list-item{list-style-type:circle!important}ul>li>ul>li>ul>li>ul>li>ul>li>ul>.md-task-list-item{list-style-type:square!important}.md-task-list-item>input{margin-left:-.5em!important;margin-top:.3em!important}.md-task-list-item>p{margin-left:1.25em!important;margin-top:0;margin-bottom:0}li p,li>:first-child{margin-top:0;margin-bottom:0}.mdx-font-header-sans,.mdx-font-subtitle-sans,.mdx-font-title-sans{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-text-sans{font-weight:400}.mdx-font-bold-sans,.mdx-font-text-sans{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-number-sans{font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-tag-sans{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important;font-weight:400}.mdx-font-code-sans{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace!important}.mdx-font-weight-bold-sans{font-weight:900!important}.mdx-font-title-serif{font-family:"VLOOK Serif","Noto Serif CJK SC","Source Han Serif SC","思源宋体","Times New Roman",Times,"Songti SC",SimSun,"宋体",STZhongsong,"华文中宋",serif!important}.mdx-font-subtitle-serif{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Helvetica Neue",Helvetica,Arial,Tahoma,SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-header-serif{font-family:"VLOOK Serif","Noto Serif CJK SC","Source Han Serif SC","思源宋体","Times New Roman",Times,"Songti SC",SimSun,"宋体",STZhongsong,"华文中宋",serif!important}.mdx-font-text-serif{font-family:"VLOOK Serif Mono","Luxi Mono","Iosevka Slab","PT Mono",Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Serif","Noto Serif CJK SC","Source Han Serif SC","思源宋体","Times New Roman",Times,"Songti SC",SimSun,"宋体",STZhongsong,"华文中宋",serif;font-weight:400}.mdx-font-tag-serif{font-weight:400}.mdx-font-bold-serif,.mdx-font-tag-serif{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Helvetica Neue",Helvetica,Arial,Tahoma,SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-number-serif{font-family:"VLOOK Number","Altinn-DIN","Bebas Neue","DIN","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Helvetica Neue",Helvetica,Arial,Tahoma,SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif!important}.mdx-font-code-serif{font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Serif Mono","Luxi Mono","Iosevka Slab","PT Mono",Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace!important}.mdx-font-weight-bold-serif{font-weight:700!important}.mdx-spotlight{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-size:cover;pointer-events:none;z-index:5000}.mdx-cursor-laser{cursor:url(),auto!important}.mdx-transition-all{transition:all var(--vlook-transition-duration) ease-in-out}.mdx-transition-box-shadow{transition:box-shadow var(--vlook-transition-duration) ease-in-out}.mdx-transition-opacity{transition:opacity var(--vlook-transition-duration) ease-in-out}.mdx-transition-left{transition:left var(--vlook-transition-duration) ease-in-out}.mdx-transition-background{transition:background var(--vlook-transition-duration) ease-in-out}.mdx-info-tips,.mdx-tool-tips{position:fixed;margin-left:auto;border-radius:var(--vlook-base-radius);border:1px solid var(--tbl-border-color);font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;color:var(--tips-bg-color-inset);background-color:var(--tips-bg-color);cursor:default;z-index:3000}.mdx-info-tips{display:none;padding:10px;text-align:center;white-space:pre-wrap}.mdx-info-tips.error{color:#fff;border-color:var(--acc-color-red-light);background-color:var(--acc-color-red-light)}.mdx-tool-tips{visibility:hidden;opacity:0;display:block;padding:5px 10px;border-top:0;box-shadow:0 2px 0 0 #7735cc inset,0 2px 10px rgba(0,0,0,.3),0 0 0 0 transparent;text-align:left;white-space:pre;font-size:.85em}.mdx-tool-tips.accent{box-shadow:0 2px 0 0 #00a8be inset,0 2px 10px rgba(0,0,0,.3),0 0 0 0 transparent}.mdx-info-tips a,.mdx-tool-tips a{color:var(--tips-bg-color-inset)!important;font-weight:900}.mdx-bottom-tips,.mdx-font-styler{display:none;position:fixed;text-align:center;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif}.mdx-bottom-tips{font-weight:900;color:#fff;width:100%;height:60px;bottom:0;padding-top:16px;background:linear-gradient(0deg,#000,transparent);pointer-events:none;z-index:5001}.mdx-bottom-tips>div{bottom:10px;width:100%;position:fixed}.mdx-bottom-tips kbd{color:#000;background-color:#fff;box-shadow:0 0 0 2px #000 inset;border:2px solid var(--doc-bg-color-alt)}.mdx-font-styler{width:630px;padding:10px;border-radius:var(--vlook-base-radius);border:1px solid var(--tbl-border-color);font-weight:400;color:var(--tips-bg-color-inset);background-color:var(--tips-bg-color);z-index:3000}.mdx-font-styler-info{width:100%;overflow:auto;border-radius:var(--vlook-small-radius)}.mdx-fontstyle-sans,.mdx-fontstyle-serif{border-radius:var(--vlook-small-radius)!important;filter:opacity(.6);cursor:pointer}.mdx-fontstyle-sans:hover,.mdx-fontstyle-serif:hover{filter:opacity(1);box-shadow:0 0 0 2px #7735cc}.mdx-fontstyle-sans:active,.mdx-fontstyle-serif:active{box-shadow:0 0 0 2px #7c5ba6}.mdx-fontstyle-sans.selected,.mdx-fontstyle-serif.selected{box-shadow:0 0 0 4px var(--header-color)!important;filter:opacity(1)!important}.mdx-fontinfo-sans,.mdx-fontinfo-serif{margin-top:10px;text-align:left;font-size:.9em}.mdx-fontinfo-sans #fontset-sans-status,.mdx-fontinfo-serif #fontset-serif-status{color:var(--fore-color-alt)}.mdx-content-expander{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;height:100px;margin-top:-120px;background:linear-gradient(0deg,var(--doc-bg-color) 10px,var(--doc-bg-color-transparent));border-radius:0 0 var(--vlook-base-radius) var(--vlook-base-radius);position:absolute;text-align:center;vertical-align:bottom;visibility:hidden;z-index:10}.mdx-content-expander>.mdx-btn{margin-top:70px;width:auto;padding-left:15px;padding-right:15px;font-size:.85em;border-radius:var(--vlook-small-radius);background-color:#00a8be}.mdx-doc-logo-dark,.mdx-doc-logo-light{margin-top:30px;width:100%;height:80px;background-image:url();background-size:80px 80px;background-repeat:no-repeat;background-position:top center}.mdx-doc-logo-dark{display:none;background-image:url()}.mdx-welcome-page{cursor:wait;position:fixed;color:#fff;background:linear-gradient(#004e58 0,#00a8be 50%,#00a8be);left:0;top:0;width:100%;height:100%;text-align:center;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-size:1.25em;overflow:auto;visibility:hidden;opacity:0;z-index:6000}.mdx-welcome-page-tips{padding:20px 20px 10px;animation:1s breathe-text infinite alternate}.mdx-welcome-page-tips>div{text-align:center;line-height:1;margin-bottom:1em}.mdx-welcome-page-loading{cursor:not-allowed;padding-left:1em;padding-right:1em;color:#00dad8;border:1px solid rgba(0,218,216,.5);font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;display:inline-block;border-radius:var(--vlook-base-radius);margin-bottom:2em}.mdx-btn-welcome-page-done{cursor:pointer;border:2px solid #00dad8;font-size:1.25em;font-weight:900;color:#00dad8;background-color:#7735cc;animation:1s breathe-button 1 alternate}.mdx-btn-welcome-page-done:hover{color:#7735cc;background-color:#00dad8;box-shadow:0 2px 10px rgba(0,0,0,.3)}.mdx-btn-welcome-page-done:active{border:0;color:#00dad8;background-color:#7735cc;box-shadow:0 0 0 2px rgba(119,53,204,.5);transform:none}.mdx-btn-welcome-page-done.wait{animation:1s breathe-button infinite alternate}.mdx-btn-welcome-page-done>span,h6 code{font-weight:400}.mdx-pg-current-item{box-shadow:0 0 10px 0 #7735cc;border-radius:var(--vlook-base-radius)}.md-diagram-panel svg{width:auto}.md-diagram-panel svg[viewBox^="-"],.mdx-figure-content svg[viewBox^="-"]{padding-bottom:8px}.mdx-figure-content svg:not([data-inject-url]){width:100%}.mdx-blockquote-folder{cursor:pointer}.mdx-nav-center{background-color:var(--doc-bg-color-alt);border-radius:var(--vlook-base-radius);cursor:default;display:block;left:var(--vlook-nav-center-hidden-left);top:10px;bottom:40px;width:var(--vlook-nav-center-width);padding:0;position:fixed;z-index:2000;user-select:none}.mdx-nav-center-float{top:20px;bottom:50px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.mdx-nav-center-block{top:60px;bottom:10px;box-shadow:0 2px 10px rgba(0,0,0,.3),0 0 0 1px var(--tbl-border-color) inset}.mdx-nav-center-header{color:#181a1e;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;height:100px;padding:0;background:linear-gradient(180deg,var(--doc-bg-color-alt) 90px,var(--doc-bg-color-alt-transparent));left:1px;right:1px;top:1px;position:absolute;border-top-right-radius:var(--vlook-base-radius);border-top-left-radius:var(--vlook-base-radius);z-index:10}.mdx-segment{text-align:center;height:34px;border-radius:var(--vlook-small-radius);margin:10px;padding:2px;background-color:var(--blockquote-bg)}.mdx-segment>input[type=radio]{display:none}.mdx-segment>input[type=radio]:checked+.mdx-segment-btn>svg>use{fill:var(--fore-color)}.mdx-segment-btn,.mdx-segment-indicator{height:30px;border-radius:calc(var(--vlook-small-radius) - 1px)}.mdx-segment-indicator{position:absolute;left:12px;top:12px;width:40px;background-color:var(--doc-bg-color);z-index:0}.mdx-segment-btn{width:16%;justify-content:center;align-items:center;vertical-align:middle;float:left;cursor:pointer;position:relative;display:inline-flex;z-index:10}.mdx-segment-btn.hover{background-color:var(--blockquote-bg)}.mdx-segment-btn:active{background-color:var(--fore-color-alt);box-shadow:0 0 0 2px var(--tbl-border-color)}.mdx-segment-btn:active>svg>use{fill:var(--doc-bg-color)}.mdx-segment-btn.catalog,.mdx-segment-btn.codeblock,.mdx-segment-btn.figure,.mdx-segment-btn.multimedia,.mdx-segment-btn.table{margin:0 .8% 0 0}.mdx-segment-btn.history{margin:0}.mdx-nav-center-body{width:100%;height:100%;padding:70px 1px 10px;border-radius:var(--vlook-base-radius);overflow:auto;overflow-y:hidden}.mdx-nav-center-body.mini{padding-bottom:85px}.mdx-toc-catalog-body{width:100%;height:100%;padding:10px 0 0;overflow-y:scroll}.mdx-nav-center-footer{height:30px;line-height:40px;left:1px;right:1px;bottom:1px;text-align:center;padding:0;background:linear-gradient(0deg,var(--doc-bg-color-alt) 10px,var(--doc-bg-color-alt-transparent));border-bottom-right-radius:var(--vlook-base-radius);border-bottom-left-radius:var(--vlook-base-radius);position:absolute;z-index:10;pointer-events:none}.mdx-nav-center-footer.mini{bottom:76px;border-radius:0}.mdx-toc-handle{position:fixed;display:none;top:390px;left:8px;width:4px;height:80px;background-color:var(--tbl-border-color);border-radius:2px;z-index:2000}.mdx-toc-handle.hover{background-color:var(--fore-color)}.mdx-copyright{left:0;bottom:0;text-align:center;width:100%;height:40px;padding:5px 10px;font-size:.85em;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;position:absolute}.mdx-copyright,.mdx-copyright a{color:#fff!important}.mdx-float-card{box-shadow:0 2px 10px rgba(0,0,0,.3),0 0 0 0 transparent}.mdx-foot-note-panel{position:fixed;left:15%;right:15%;bottom:90px;height:200px;border-radius:var(--vlook-base-radius);box-shadow:0 2px 10px rgba(0,0,0,.3);margin:0 auto;background-color:var(--doc-bg-color-alt);display:none;z-index:2100}.mdx-foot-note-panel>a{color:var(--fore-color)}.mdx-foot-note-panel-header{height:30px;top:2px;left:2px;right:2px;position:absolute;background:linear-gradient(180deg,var(--doc-bg-color-alt) 5px,var(--doc-bg-color-alt-transparent));border-radius:var(--vlook-base-radius)}.mdx-foot-note-panel-content{width:100%;top:2px;bottom:2px;padding:10px 20px;position:absolute;overflow-x:auto}.mdx-foot-note-panel-all{font-weight:900;height:60px;left:2px;right:2px;line-height:70px;bottom:0;padding:0 20px;margin:2px;border-radius:var(--vlook-base-radius);background:linear-gradient(0deg,var(--doc-bg-color-alt) 35px,var(--doc-bg-color-alt-transparent));position:absolute}.mdx-more-doc-content-after,.mdx-more-doc-content-before{width:100%;height:60px;position:fixed;pointer-events:none;z-index:99}.mdx-more-doc-content-before{background:linear-gradient(180deg,var(--doc-bg-color),var(--doc-bg-color-transparent));top:0;display:none}.mdx-more-doc-content-after{background:linear-gradient(0deg,var(--doc-bg-color),var(--doc-bg-color-transparent));bottom:0;display:block}.mdx-toolbar{border-bottom-left-radius:var(--vlook-base-radius);border-bottom-right-radius:var(--vlook-base-radius);left:20px;top:10px;padding:10px;width:var(--vlook-nav-center-width);height:50px;position:fixed;background-color:#00a8be;display:none;z-index:100}.mdx-toolbar.cover{width:auto;right:20px;background:0 0}.mdx-toolbar-spliter{display:flex;width:40px;height:30px;padding:0;float:right}.mdx-toolbar-smallscreen{top:50px;padding-left:0;padding-right:0}.mdx-btn.outline{display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;float:left;height:30px;padding-top:0;text-align:center;visibility:visible}.mdx-toc-item-current{font-weight:900;color:#00a8be;background-color:var(--doc-bg-color);box-shadow:0 0 0 2px rgba(0,168,190,.5) inset}.mdx-toc-folder{color:#737c8f;float:left;width:20px;text-align:center}.mdx-toc-folder.hover>svg>use{fill:#7735cc!important}.mdx-toc-folder.hover:active>svg>use{fill:#fff!important}.mdx-btn{display:inline-flex;justify-content:center;align-items:center;vertical-align:top;color:#fff;cursor:pointer;padding:0;width:var(--vlook-toolbar-btn-width);height:30px;border-radius:var(--vlook-small-radius)}.mdx-btn.selected{background-color:#004e58!important;box-shadow:0 0 0 0 transparent}.mdx-btn.first{border-radius:var(--vlook-small-inner-radius) 0 0 var(--vlook-small-inner-radius)!important}.mdx-btn.middle{border-radius:0!important}.mdx-btn.last{border-radius:0 var(--vlook-small-inner-radius) var(--vlook-small-inner-radius) 0!important}.mdx-btn.hover{background-color:#7735cc!important;color:#00dad8!important}.mdx-btn.hover>svg>use,.mdx-chapter-nav-next.effect.hover>svg>use,.mdx-chapter-nav-next.noeffect.hover>svg>use,.mdx-chapter-nav-prev.effect.hover>svg>use,.mdx-chapter-nav-prev.noeffect.hover>svg>use{fill:#00dad8}.mdx-audio-mini-control,.mdx-btn-group.float,.mdx-btn.float{background-color:#00a8be}.mdx-btn:active{background-color:#7c5ba6!important;box-shadow:0 0 0 2px rgba(124,91,166,.5)!important;transition:none;z-index:1}.mdx-audio-mini-control.loading{animation:loading-circle 2s linear infinite}.mdx-audio-mini-control{border-radius:var(--vlook-circle-radius);text-align:center;line-height:30px;height:30px;width:30px;padding:2px;justify-content:center;align-items:center;vertical-align:middle;display:inline-flex;cursor:pointer}.mdx-audio-mini-control.disabled{background-color:#b0b4b8;cursor:not-allowed}.mdx-audio-mini-control.hover{background-color:#7735cc;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#00dad8}.mdx-audio-mini-control.hover:active{background-color:#7c5ba6}.mdx-duration-info{color:var(--doc-bg-color);border-radius:0 var(--vlook-tag-radius) var(--vlook-tag-radius) var(--vlook-tag-radius);padding:0 5px;background-color:var(--fore-color-alt);font-weight:700}.mdx-audio-mini-control.playing{animation:500ms breathe-circle infinite alternate}.mdx-chapter-nav,.mdx-chapter-nav-prev{height:50px;border-bottom-left-radius:var(--vlook-base-radius)}.mdx-chapter-nav{color:#fff;background-color:#00a8be;border-bottom-right-radius:var(--vlook-base-radius);top:-50px;left:calc(var(--vlook-nav-center-width) + 50px);right:20px;position:fixed;padding:0;vertical-align:middle;z-index:100;user-select:none;display:none}.mdx-chapter-nav-prev{top:0;left:0;width:20%;position:absolute;cursor:pointer}.mdx-chapter-nav-prev.effect::before,.mdx-chapter-nav-prev.noeffect.hover{background:linear-gradient(to right,#7735cc,#00a8be);border-bottom-left-radius:var(--vlook-base-radius)}.mdx-chapter-nav-prev.effect.hover>.mdx-chapter-nav-prev-text,.mdx-chapter-nav-prev.noeffect.hover>.mdx-chapter-nav-prev-text{color:#00dad8}.mdx-chapter-nav-prev.effect::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;transition:all var(--vlook-transition-duration) ease-in}.mdx-chapter-nav-prev.effect.hover::before{opacity:1}.mdx-chapter-nav-prev.effect:active,.mdx-chapter-nav-prev.effect:active::before,.mdx-chapter-nav-prev.noeffect:active{background:linear-gradient(to right,#7c5ba6,#00a8be)}.mdx-chapter-nav-current,.mdx-chapter-nav-doc-title,.mdx-chapter-nav-prev-text{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.mdx-chapter-nav-prev-text{top:0;left:30px;width:100%;height:50px;line-height:50px;font-weight:400;color:#fff;text-align:left;position:absolute}.mdx-chapter-nav-current,.mdx-chapter-nav-doc-title{text-align:center;margin-left:200px;margin-right:200px;width:auto;cursor:pointer}.mdx-chapter-nav-doc-title{font-size:.75em;font-weight:400;line-height:24px;height:22px!important}.mdx-chapter-nav-doc-title.in-start{margin-left:15px;font-size:1.25em;font-weight:900;text-align:left;height:50px!important;line-height:50px;cursor:default}.mdx-chapter-nav-current{font-weight:900;line-height:22px;height:28px}.mdx-chapter-nav-current.effect.hover,.mdx-chapter-nav-doc-title.effect.hover,.mdx-chapter-nav-next.effect.hover>.mdx-chapter-nav-next-text,.mdx-chapter-nav-next.noeffect.hover>.mdx-chapter-nav-next-text{color:#00dad8}.mdx-chapter-nav-current.noeffect.hover,.mdx-chapter-nav-doc-title.noeffect.hover{background:linear-gradient(90deg,rgba(119,53,204,0),#7735cc,rgba(119,53,204,0));height:28px;color:#00dad8}.mdx-chapter-nav-current.effect::before,.mdx-chapter-nav-doc-title.effect::before{content:"";position:absolute;bottom:0;left:30%;right:30%;background:linear-gradient(90deg,rgba(119,53,204,0),#7735cc,rgba(119,53,204,0));opacity:0;z-index:-1;transition:all var(--vlook-transition-duration) ease-in}.mdx-chapter-nav-current.effect::before{top:22px;height:28px}.mdx-chapter-nav-doc-title.effect::before{top:0;height:22px}.mdx-chapter-nav-current.effect.hover::before,.mdx-chapter-nav-doc-title.effect.hover::before{opacity:1}.mdx-chapter-nav-current.effect:active,.mdx-chapter-nav-current.effect:active::before,.mdx-chapter-nav-current.noeffect:active,.mdx-chapter-nav-doc-title.effect:active,.mdx-chapter-nav-doc-title.effect:active::before,.mdx-chapter-nav-doc-title.noeffect:active{background:linear-gradient(90deg,rgba(124,91,166,0),#7c5ba6,rgba(124,91,166,0));box-shadow:none}.mdx-chapter-nav-next{top:0;right:0;width:20%;height:50px;position:absolute;cursor:pointer;border-bottom-right-radius:var(--vlook-base-radius)}.mdx-chapter-nav-next.effect::before,.mdx-chapter-nav-next.noeffect.hover{background:linear-gradient(to left,#7735cc,#00a8be);border-bottom-right-radius:var(--vlook-base-radius)}.mdx-chapter-nav-next.effect::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;transition:all var(--vlook-transition-duration) ease-in}.mdx-chapter-nav-next.effect.hover::before{opacity:1}.mdx-chapter-nav-next.effect:active,.mdx-chapter-nav-next.effect:active::before,.mdx-chapter-nav-next.noeffect:active{background:linear-gradient(to left,#7c5ba6,#00a8be)}.mdx-chapter-nav-next-text{top:0;right:30px;width:100%;height:50px;line-height:50px;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:absolute;display:block}.mdx-btn.color-scheme,.mdx-btn.font-style{margin-left:var(--vlook-toolbar-btn-space);float:right}.mdx-accent-btn,.mdx-btn-group.prs{height:30px;border-radius:var(--vlook-small-radius)}.mdx-btn-group.prs{margin:0;float:right;margin-left:var(--vlook-toolbar-btn-space)}.mdx-btn-group.hover{background-color:#008d9f;box-shadow:0 0 0 0 transparent}.mdx-accent-btn{width:40px;position:absolute;text-align:center;box-shadow:0 0 0 1px var(--tbl-border-color) inset;cursor:pointer}.mdx-accent-btn>svg>use{fill:#00a8be}.mdx-accent-btn.hover{background-color:var(--blockquote-bg)}.mdx-accent-btn:active{color:var(--doc-bg-color);background-color:var(--fore-color-alt);box-shadow:0 0 0 2px var(--tbl-border-color)}.mdx-accent-btn:active>svg>use{fill:var(--doc-bg-color)}.mdx-accent-btn+.mdx-textfield,.mdx-textfield{margin:0 10px 0 0}.mdx-accent-btn.figure-nav.disabled{cursor:not-allowed}.mdx-accent-btn.figure-nav.disabled>svg>use{fill:var(--blockquote-bg)}.mdx-textfield{background-color:var(--doc-bg-color);border-radius:var(--vlook-small-radius);box-shadow:0 0 0 1px var(--tbl-border-color) inset;height:30px;float:right}.mdx-textfield-focus,.mdx-textfield.hover-action{box-shadow:0 0 0 2px rgba(0,168,190,.5),0 0 0 1px #00a8be inset}input::placeholder{color:var(--fore-color-alt)}.mdx-textfield>input{padding:0;margin:1px 0 0 10px;height:28px;color:var(--fore-color);background-color:var(--doc-bg-color);border:0;float:left;outline:0 solid transparent}.mdx-textfield>input.set-icon{margin-left:0}.mdx-textfield-action,.mdx-textfield-icon{width:30px;height:30px;text-align:center;float:left}.mdx-textfield-action{width:40px;border-radius:0 var(--vlook-small-radius) var(--vlook-small-radius) 0;box-shadow:1px 0 0 0 var(--blockquote-bg) inset;float:right}.mdx-textfield-action.enabled{background-color:#00a8be;box-shadow:none}.mdx-textfield-action.enabled>svg>use{fill:#fff;opacity:1}.mdx-textfield-action.hover{background-color:#7735cc;cursor:pointer}.mdx-textfield-action.hover>svg>use{fill:#00dad8}.mdx-textfield-action.hover:active{background-color:#7c5ba6}.mdx-textfield-reset{width:30px;height:30px;justify-content:center;align-items:center;vertical-align:middle;text-align:center;float:right;display:none;cursor:pointer}.mdx-textfield-reset:hover>svg>use{opacity:.4}.mdx-textfield-reset:active>svg>use{opacity:.6}.mdx-accent-btn.figure-nav{display:inline-block;margin:0 10px 10px}.mdx-toc-filter-result,.mdx-toc-history-result{display:none;width:100%;height:100%;padding:30px 0 10px;overflow-y:scroll}.mdx-toc-filter-result-none,.mdx-toc-history-none,.mdx-toc-history-title{text-align:center;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif}.mdx-toc-filter-result-none,.mdx-toc-history-none{display:block;line-height:3;padding:0 10px;color:var(--fore-color-alt)}.mdx-toc-history-title{position:absolute;border-radius:var(--vlook-small-radius);left:10px;right:10px;display:inline-block;padding-left:10px;padding-right:10px;white-space:nowrap;color:var(--a-color)}.mdx-btn.print{margin-left:var(--vlook-toolbar-btn-space);float:left}.mdx-figure-nav{left:0;top:0;width:100%;height:100%;background:radial-gradient(ellipse,rgba(0,0,0,.5),rgba(0,0,0,.9));position:fixed;visibility:hidden;opacity:0;z-index:2200}.mdx-btn-close-figure-nav,.mdx-figure-nav-btns{display:flex;justify-content:center;align-items:center;vertical-align:middle;color:#fff;cursor:pointer;padding:0}.mdx-figure-nav-btns.next,.mdx-figure-nav-btns.prev{top:auto;width:30px;height:70px;box-shadow:0 0 0 0 transparent;border-radius:var(--vlook-base-radius);position:absolute;bottom:10px}.mdx-figure-nav-btns.prev{left:10px}.mdx-figure-nav-btns.next{right:10px}.mdx-btn-close-figure-nav{justify-content:flex-end;align-items:normal;background-color:#00a8be;right:-2px;top:-2px;width:50px;height:50px;padding:12px 12px 8px 8px;box-shadow:0 0 0 0 transparent;border-radius:0 0 0 50px;position:absolute}.mdx-btn-close-figure-nav:hover{background-color:#7735cc;box-shadow:0 2px 10px rgba(0,0,0,.3);transform:translate(-2px,2px)}.mdx-btn-close-figure-nav:active{background-color:#7c5ba6;box-shadow:0 0 0 2px rgba(124,91,166,.5)!important;box-shadow:none;transform:none}.mdx-btn.assistor,.mdx-content-assistor{height:26px;border-radius:var(--vlook-small-inner-radius)}.mdx-content-assistor{visibility:hidden;opacity:1;position:absolute;z-index:50}.mdx-btn.assistor{top:0;width:30px;background-color:#00a8be;position:relative;display:none}.mdx-btn.assistor.enabled{display:inline-flex}.mdx-pic-in-pic{display:none;position:fixed;background-color:var(--header-color);border-radius:calc(var(--vlook-base-radius) + var(--vlook-base-radius) - var(--vlook-table-radius));right:20px;bottom:10px;padding:4px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:500}.mdx-pic-in-pic>.mdx-content{overflow:auto;height:100%;border-radius:calc(var(--vlook-base-radius) - 2px)}.mdx-pic-in-pic>.mdx-content>.mdx-figure,.mdx-pic-in-pic>.mdx-content>table{border-radius:calc(var(--vlook-base-radius) - 2px)!important}.mdx-pic-in-pic>.mdx-content>table td,.mdx-pic-in-pic>.mdx-content>table th{white-space:pre!important}.mdx-pip-btn{position:absolute;display:inline-flex;visibility:hidden;opacity:0;background-color:var(--doc-bg-color);border-radius:50%;top:8px;justify-content:center;align-items:center;vertical-align:middle;cursor:pointer;z-index:20}.mdx-pip-btn.min.zoom-in{top:6px}.mdx-pip-btn.min.zoom-out{top:3px}.mdx-pip-btn.mdx-close{right:8px}.mdx-pip-btn.mdx-zoom.zoom-in{right:32px}.mdx-pip-btn.mdx-zoom.zoom-out{right:38px}.mdx-pip-btn.zoom-in{width:20px;height:20px}.mdx-pip-btn.zoom-out{width:26px;height:26px}.mdx-pip-btn.zoom-in>svg{transform:scale(1)}.mdx-pip-btn.zoom-out>svg{transform:scale(1.33)}.mdx-pip-btn:hover>svg>use{fill:#7735cc}.mdx-pip-btn:active>svg>use,use.mdx-blockquote-folder-ico:active{fill:#7c5ba6}.mdx-doc-lib-board{display:none;left:10px;right:10px;bottom:10px;height:50px;z-index:20}.mdx-doc-lib-board.item{border-radius:var(--vlook-small-radius);color:#fff;background-color:#00a8be;background-image:url();background-position:top center;background-repeat:no-repeat;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;font-size:1.25em;line-height:1.5;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:12px 10px 0;position:absolute;cursor:pointer;z-index:23}.mdx-doc-lib-board.flip{left:70px;right:70px;bottom:68px;height:4px;position:absolute;background-color:var(--fore-color);opacity:.18;border-radius:calc(var(--vlook-small-radius) - 3px) calc(var(--vlook-small-radius) - 3px) 0 0;z-index:21}.mdx-doc-lib-board.flip+.flip,.mdx-doc-lib-board.item.hover+.flip+.flip{border-radius:calc(var(--vlook-small-radius) - 1px) calc(var(--vlook-small-radius) - 1px) 0 0}.mdx-doc-lib-board.flip+.flip{left:40px;right:40px;bottom:61px;height:6px;background-color:var(--fore-color);opacity:.3;z-index:22}.mdx-doc-lib-board.item.hover{background-color:#7735cc;color:#00dad8}.mdx-doc-lib-board.item.hover+.flip{left:50px;right:50px;bottom:76px;height:8px;border-radius:calc(var(--vlook-small-radius) - 2px) calc(var(--vlook-small-radius) - 2px) 0 0}.mdx-doc-lib-board.item.hover+.flip+.flip{left:30px;right:30px;bottom:62px;height:12px}.mdx-doc-lib-board.item:active{background-color:#7c5ba6!important;box-shadow:0 0 0 2px rgba(124,91,166,.5)!important}.md-diagram-panel,.mdx-doc-lib{border-radius:var(--vlook-base-radius)}.mdx-doc-lib{display:none;background-color:var(--doc-bg-color);box-shadow:0 0 0 2px var(--tbl-border-color);margin:0;border:0;overflow:auto;position:fixed;left:15%;top:10%;right:15%;bottom:15%;z-index:5000}.mdx-doc-lib>iframe{width:100%;height:100%;border:0;overflow:auto}.md-diagram-panel{margin-bottom:20px;padding:0}.mdx-interactive,rt:hover{cursor:pointer}.mdx-interactive.hover{border-color:#7735cc!important}.mdx-interactive.hover:active{box-shadow:0 0 0 2px rgba(119,53,204,.5);border-color:#7c5ba6!important;box-shadow:none;transform:none}.mdx-img-invert-dark{background-color:#fff!important;filter:var(--vlook-invert-dark);border-color:#c5c0b7!important}.mdx-figure-solid-bg-light{background:#fff}.mdx-figure-grid-line-light{background:url()!important}.mdx-figure-grid-block-light{background:url()!important}.mdx-figure-solid-bg-dark{background:#000}.mdx-figure-grid-line-dark{background:url()!important}.mdx-figure-grid-line-dark-invert{background:url()!important}.mdx-figure-grid-block-dark{background:url()!important}.mdx-figure-grid-block-dark-invert{background:url()!important}.mdx-figure-content{margin:5px;padding:5px;display:table-cell;align-content:center;text-align:center;vertical-align:middle;width:100%;color:var(--fore-color)}.mdx-figure-nav-title{color:#c0c4c8!important;left:10px;top:10px;position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdx-caption>p,.mdx-figure-page-num,rp,rt{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif}.mdx-figure-page-num{border-radius:var(--vlook-small-radius);color:#fff;background-color:var(--fore-color-alt);padding-left:4px;padding-right:4px;font-size:.9em}.mdx-caption,.mdx-caption-container{border-radius:var(--vlook-base-radius)}.mdx-caption{display:inline-block;background-color:var(--doc-bg-color-alt)}.mdx-caption>p,rp,rt{font-weight:400}.mdx-caption>p{color:var(--fore-color);font-size:.85em;margin:5px 10px;width:auto!important}.mdx-caption hr{border-bottom:2px solid #737c8f;margin:.5em auto}.mdx-caption-container{margin-bottom:20px}use.mdx-svg-ico-alpha{fill:var(--fore-color);opacity:.2}use.mdx-svg-ico-theme{fill:var(--header-color)}use.mdx-svg-ico-alt{fill:var(--fore-color-alt)}use.mdx-blockquote-folder-ico,use.mdx-rowgroup-folder-ico,use.mdx-toc-folder-ico{fill:#00a8be}.mdx-mask{left:0;top:0;width:100%;height:100%;text-align:center;position:fixed;background-color:rgba(0,0,0,.6);display:none;z-index:1000}.mdx-mask.left{background:linear-gradient(90deg,#004e58 20%,rgba(0,78,88,.5))}.mdx-mask.right{background:linear-gradient(270deg,#004e58 20%,rgba(0,78,88,.5))}.mdx-mask.bottom{background:linear-gradient(0deg,#004e58 20%,rgba(0,78,88,.5))}.mdx-mask.center{background:radial-gradient(ellipse,#004e58 10%,rgba(0,78,88,.5))}.mdx-mask-close{position:fixed;justify-content:center;align-items:center;vertical-align:middle;width:60px;height:60px;opacity:.7}.mdx-mask-close.left,.mdx-mask-close.right{width:16px;height:60px}.mdx-mask-close.bottom{width:60px;height:16px}.mdx-backdrop-blurs.enabled{backdrop-filter:saturate(180%) blur(15px);-webkit-backdrop-filter:saturate(180%) blur(15px)}.mdx-quote-blue,.mdx-quote-brown,.mdx-quote-cyan,.mdx-quote-gray,.mdx-quote-green,.mdx-quote-orange,.mdx-quote-pink,.mdx-quote-purple,.mdx-quote-red,.mdx-quote-theme1,.mdx-quote-theme2,.mdx-quote-yellow{width:auto}.mdx-quote-red{background-color:var(--acc-color-red-fade)}.mdx-quote-red .mdx-std-code{background-color:var(--acc-color-red-alt)}.mdx-quote-red a kbd{background-color:var(--acc-color-red-light)!important}.mdx-quote-red a{border-color:#c72334}.mdx-quote-red a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(199,35,52,.3) inset}.mdx-quote-red a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(199,35,52,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-red{color:var(--acc-color-red-title)}.mdx-quote-orange{background-color:var(--acc-color-orange-fade)}.mdx-quote-orange .mdx-std-code{background-color:var(--acc-color-orange-alt)}.mdx-quote-orange a kbd{background-color:var(--acc-color-orange-light)!important}.mdx-quote-orange a{border-color:#e27d09}.mdx-quote-orange a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(226,125,9,.3) inset}.mdx-quote-orange a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(226,125,9,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-orange{color:var(--acc-color-orange-title)}.mdx-quote-yellow{background-color:var(--acc-color-yellow-fade)}.mdx-quote-yellow .mdx-std-code{background-color:var(--acc-color-yellow-alt)}.mdx-quote-yellow a kbd{background-color:var(--acc-color-yellow-light)!important}.mdx-quote-yellow a{border-color:#deb307}.mdx-quote-yellow a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(222,179,7,.3) inset}.mdx-quote-yellow a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(222,179,7,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-yellow{color:var(--acc-color-yellow-title)}.mdx-quote-green{background-color:var(--acc-color-green-fade)}.mdx-quote-green .mdx-std-code{background-color:var(--acc-color-green-alt)}.mdx-quote-green a kbd{background-color:var(--acc-color-green-light)!important}.mdx-quote-green a{border-color:#38ab21}.mdx-quote-green a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(56,171,33,.3) inset}.mdx-quote-green a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(56,171,33,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-green{color:var(--acc-color-green-title)}.mdx-quote-cyan{background-color:var(--acc-color-cyan-fade)}.mdx-quote-cyan .mdx-std-code{background-color:var(--acc-color-cyan-alt)}.mdx-quote-cyan a kbd{background-color:var(--acc-color-cyan-light)!important}.mdx-quote-cyan a{border-color:#18a8bf}.mdx-quote-cyan a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(24,168,191,.3) inset}.mdx-quote-cyan a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(24,168,191,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-cyan{color:var(--acc-color-cyan-title)}.mdx-quote-blue{background-color:var(--acc-color-blue-fade)}.mdx-quote-blue .mdx-std-code{background-color:var(--acc-color-blue-alt)}.mdx-quote-blue a kbd{background-color:var(--acc-color-blue-light)!important}.mdx-quote-blue a{border-color:#056bf0}.mdx-quote-blue a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(5,107,240,.3) inset}.mdx-quote-blue a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(5,107,240,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-blue{color:var(--acc-color-blue-title)}.mdx-quote-purple{background-color:var(--acc-color-purple-fade)}.mdx-quote-purple .mdx-std-code{background-color:var(--acc-color-purple-alt)}.mdx-quote-purple a kbd{background-color:var(--acc-color-purple-light)!important}.mdx-quote-purple a{border-color:#7738dc}.mdx-quote-purple a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(119,56,220,.3) inset}.mdx-quote-purple a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(119,56,220,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-purple{color:var(--acc-color-purple-title)}.mdx-quote-pink{background-color:var(--acc-color-pink-fade)}.mdx-quote-pink .mdx-std-code{background-color:var(--acc-color-pink-alt)}.mdx-quote-pink a kbd{background-color:var(--acc-color-pink-light)!important}.mdx-quote-pink a{border-color:#db43b2}.mdx-quote-pink a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(219,67,178,.3) inset}.mdx-quote-pink a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(219,67,178,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-pink{color:var(--acc-color-pink-title)}.mdx-quote-brown{background-color:var(--acc-color-brown-fade)}.mdx-quote-brown .mdx-std-code{background-color:var(--acc-color-brown-alt)}.mdx-quote-brown a kbd{background-color:var(--acc-color-brown-light)!important}.mdx-quote-brown a{border-color:#a47546}.mdx-quote-brown a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(164,117,70,.3) inset}.mdx-quote-brown a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(164,117,70,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-brown{color:var(--acc-color-brown-title)}.mdx-quote-gray{background-color:var(--acc-color-gray-fade)}.mdx-quote-gray .mdx-std-code{background-color:var(--acc-color-gray-alt)}.mdx-quote-gray a kbd{background-color:var(--acc-color-gray-light)!important}.mdx-quote-gray a{border-color:#7b7d82}.mdx-quote-gray a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(123,125,130,.3) inset}.mdx-quote-gray a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(123,125,130,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-gray{color:var(--acc-color-gray-title)}.mdx-quote-theme1{background-color:var(--acc-color-theme1-fade)}.mdx-quote-theme1 .mdx-std-code{background-color:var(--acc-color-theme1-alt)}.mdx-quote-theme1 a kbd{background-color:var(--acc-color-theme1-light)!important}.mdx-quote-theme1 a{border-color:#00a8be}.mdx-quote-theme1 a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(0,168,190,.3) inset}.mdx-quote-theme1 a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(0,168,190,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-theme1{color:var(--acc-color-theme1-title)}.mdx-quote-theme2{background-color:var(--acc-color-theme2-fade)}.mdx-quote-theme2 .mdx-std-code{background-color:var(--acc-color-theme2-alt)}.mdx-quote-theme2 a kbd{background-color:var(--acc-color-theme2-light)!important}.mdx-quote-theme2 a{border-color:#7735cc}.mdx-quote-theme2 a:hover{color:var(--fore-color)!important;box-shadow:0 -.3em 0 0 rgba(119,53,204,.3) inset}.mdx-quote-theme2 a:active{background-color:var(--doc-bg-color-alt);box-shadow:0 0 0 2px rgba(119,53,204,.3);border-bottom:0;border-radius:var(--vlook-small-radius)}.mdx-quote-title-theme2{color:var(--acc-color-theme2-title)}.mdx-tag-blue,.mdx-tag-brown,.mdx-tag-cyan,.mdx-tag-gray,.mdx-tag-green,.mdx-tag-orange,.mdx-tag-pink,.mdx-tag-purple,.mdx-tag-red,.mdx-tag-theme1,.mdx-tag-theme2,.mdx-tag-yellow{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:700;font-size:.9em;color:#fff;padding:.1em .5em;margin:0 .1em;white-space:pre;box-shadow:0 0 0 1px var(--code-name-shadow-color) inset}.mdx-tag-red{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-red) .5em,var(--acc-color-red) 100%)}.mdx-tag-orange{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-orange) .5em,var(--acc-color-orange) 100%)}.mdx-tag-yellow{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-yellow) .5em,var(--acc-color-yellow) 100%)}.mdx-tag-green{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-green) .5em,var(--acc-color-green) 100%)}.mdx-tag-cyan{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-cyan) .5em,var(--acc-color-cyan) 100%)}.mdx-tag-blue{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-blue) .5em,var(--acc-color-blue) 100%)}.mdx-tag-purple{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-purple) .5em,var(--acc-color-purple) 100%)}.mdx-tag-pink{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-pink) .5em,var(--acc-color-pink) 100%)}.mdx-tag-brown{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-brown) .5em,var(--acc-color-brown) 100%)}.mdx-tag-gray{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-gray) .5em,var(--acc-color-gray) 100%)}.mdx-tag-theme1{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-theme1) .5em,var(--acc-color-theme1) 100%)}.mdx-tag-theme2{background:linear-gradient(135deg,var(--fore-color) .5em,var(--acc-color-theme2) .5em,var(--acc-color-theme2) 100%)}.mdx-tag-name-blue,.mdx-tag-name-brown,.mdx-tag-name-cyan,.mdx-tag-name-gray,.mdx-tag-name-green,.mdx-tag-name-orange,.mdx-tag-name-pink,.mdx-tag-name-purple,.mdx-tag-name-red,.mdx-tag-name-theme1,.mdx-tag-name-theme2,.mdx-tag-name-yellow{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:400;border-radius:var(--vlook-tag-radius) 0 0 var(--vlook-tag-radius);color:var(--doc-bg-color);background:var(--code-name-bg-color);padding:.1em .5em;margin:0 .1em;font-size:.9em;white-space:pre;box-shadow:0 0 0 1px var(--code-name-shadow-color) inset}.mdx-tag-value-blue,.mdx-tag-value-brown,.mdx-tag-value-cyan,.mdx-tag-value-gray,.mdx-tag-value-green,.mdx-tag-value-orange,.mdx-tag-value-pink,.mdx-tag-value-purple,.mdx-tag-value-red,.mdx-tag-value-theme1,.mdx-tag-value-theme2,.mdx-tag-value-yellow{font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:700;border-radius:0 var(--vlook-tag-radius) var(--vlook-tag-radius) 0;color:#fff;padding:.1em .5em;margin:0 .1em .1em -.2em;box-shadow:0 0 0 1px var(--code-name-shadow-color) inset;font-size:.9em;white-space:pre}.mdx-tag-value-red{background-color:var(--acc-color-red)}.mdx-tag-value-orange{background-color:var(--acc-color-orange)}.mdx-tag-value-yellow{background-color:var(--acc-color-yellow)}.mdx-tag-value-green{background-color:var(--acc-color-green)}.mdx-tag-value-cyan{background-color:var(--acc-color-cyan)}.mdx-tag-value-blue{background-color:var(--acc-color-blue)}.mdx-tag-value-purple{background-color:var(--acc-color-purple)}.mdx-tag-value-pink{background-color:var(--acc-color-pink)}.mdx-tag-value-brown{background-color:var(--acc-color-brown)}.mdx-tag-value-gray{background-color:var(--acc-color-gray)}.mdx-tag-value-theme1{background-color:var(--acc-color-theme1)}.mdx-tag-value-theme2{background-color:var(--acc-color-theme2)}rp,rt{opacity:.6;padding-left:.5em;padding-right:.5em}rt:hover{color:#7735cc;opacity:1;box-shadow:0 -.4em 0 0 rgba(119,53,204,.3) inset;border-bottom:2px solid rgba(119,53,204,.3);transform-origin:center bottom;transform:scale(1.5)}.mdx-black-curtain{text-shadow:0 1px var(--fore-color);box-shadow:none;color:var(--doc-bg-color);font-size:1em;font-family:"VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","VLOOK Sans Mono","Noto Sans Mono",Iosevka,"SF Mono",Menlo,"Cascadia Mono",Consolas,Courier,"Courier New","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",monospace!important;font-weight:900;cursor:pointer}.mdx-black-curtain:hover{box-shadow:0 0 0 1px #7735cc,0 2px 0 0 #7735cc inset!important;display:inline-block;transform:scale(1.2)}.mdx-black-curtain-opened{box-shadow:0 0 0 1px var(--fore-color),0 2px 0 0 var(--fore-color) inset;background:var(--doc-bg-color)!important;text-shadow:none}.mdx-doc-title{color:#00a8be;font-size:2.5em;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;line-height:1.3!important;padding-top:70px;opacity:.5}.mdx-doc-title.mini{padding-top:10px}#write>h6:first-child,#write>h6:last-child,#write>pre.md-meta-block:first-child+h6{display:block;color:#c8f9ff!important;font-size:2.5em;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900;text-align:center;filter:var(--vlook-brightness-dark);height:950px;padding:320px 60px 50px;margin:0 0 3em;border:0;border-radius:var(--vlook-base-radius);box-shadow:0 0 0 2px rgba(0,218,216,.2) inset;background-color:#00a8be;background-image:url(),url(),url(),url(),url();background-size:auto,auto,auto,auto,100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-y;background-position:top center,top center,bottom center,bottom center,center;line-height:1.3!important}#write>h6:last-child{height:550px;margin-top:3em;margin-bottom:0;padding:270px 60px 50px;color:#00dad8!important;text-align:center;background-color:#00a8be;background-image:url(),url(),url(),url(),url();background-size:auto,auto,auto,auto,100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-y;background-position:top center,top center,bottom center,bottom center,center}#write>h6:first-child em,#write>h6:first-child strong,#write>h6:first-child strong::before,#write>h6:first-child sub,#write>h6:first-child sup,#write>pre.md-meta-block:first-child+h6 em,#write>pre.md-meta-block:first-child+h6 strong,#write>pre.md-meta-block:first-child+h6 strong::before,#write>pre.md-meta-block:first-child+h6 sub,#write>pre.md-meta-block:first-child+h6 sup{color:#00dad8;font-family:"VLOOK Sans","Noto Sans CJK SC","Source Han Sans SC","思源黑体","Microsoft YaHei","微软雅黑",SimHei,"黑体","PingFang SC","PingFang TC","PingFang HK",sans-serif;font-weight:900}#write>h6:first-child .mdx-tag-blue,#write>h6:first-child .mdx-tag-cyan,#write>h6:first-child .mdx-tag-gray,#write>h6:first-child .mdx-tag-green,#write>h6:first-child .mdx-tag-name-blue,#write>h6:first-child .mdx-tag-name-brown,#write>h6:first-child .mdx-tag-name-cyan,#write>h6:first-child .mdx-tag-name-gray,#write>h6:first-child .mdx-tag-name-green,#write>h6:first-child .mdx-tag-name-orange,#write>h6:first-child .mdx-tag-name-pink,#write>h6:first-child .mdx-tag-name-purple,#write>h6:first-child .mdx-tag-name-red,#write>h6:first-child .mdx-tag-name-yellow,#write>h6:first-child .mdx-tag-orange,#write>h6:first-child .mdx-tag-pink #write>h6:first-child .mdx-tag-brown,#write>h6:first-child .mdx-tag-purple,#write>h6:first-child .mdx-tag-red,#write>h6:first-child .mdx-tag-value-blue,#write>h6:first-child .mdx-tag-value-brown,#write>h6:first-child .mdx-tag-value-cyan,#write>h6:first-child .mdx-tag-value-gray,#write>h6:first-child .mdx-tag-value-green,#write>h6:first-child .mdx-tag-value-orange,#write>h6:first-child .mdx-tag-value-pink,#write>h6:first-child .mdx-tag-value-purple,#write>h6:first-child .mdx-tag-value-red,#write>h6:first-child .mdx-tag-value-yellow,#write>h6:first-child .mdx-tag-yellow,#write>h6:first-child code,#write>pre.md-meta-block:first-child+h6 .mdx-tag-blue,#write>pre.md-meta-block:first-child+h6 .mdx-tag-cyan,#write>pre.md-meta-block:first-child+h6 .mdx-tag-gray,#write>pre.md-meta-block:first-child+h6 .mdx-tag-green,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-blue,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-brown,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-cyan,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-gray,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-green,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-orange,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-pink,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-purple,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-red,#write>pre.md-meta-block:first-child+h6 .mdx-tag-name-yellow,#write>pre.md-meta-block:first-child+h6 .mdx-tag-orange,#write>pre.md-meta-block:first-child+h6 .mdx-tag-pink #write>pre.md-meta-block:first-child+h6 .mdx-tag-brown,#write>pre.md-meta-block:first-child+h6 .mdx-tag-purple,#write>pre.md-meta-block:first-child+h6 .mdx-tag-red,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-blue,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-brown,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-cyan,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-gray,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-green,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-orange,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-pink,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-purple,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-red,#write>pre.md-meta-block:first-child+h6 .mdx-tag-value-yellow,#write>pre.md-meta-block:first-child+h6 .mdx-tag-yellow,#write>pre.md-meta-block:first-child+h6 code{font-size:.5em!important}#write>h6:first-child strong,#write>h6:first-child strong::before,#write>pre.md-meta-block:first-child+h6 strong,#write>pre.md-meta-block:first-child+h6 strong::before{font-size:.6em!important;font-weight:400!important}#write>h6:first-child strong::before,#write>pre.md-meta-block:first-child+h6 strong::before{content:"By "}#write>h6:first-child em,#write>pre.md-meta-block:first-child+h6 em{font-size:.4em;font-style:normal!important}@media screen and (min-height:801px){:root{--vlook-top-margin:-3px}.mdx-chapter-nav.mdx-float-card,.mdx-toolbar.mdx-float-card{top:10px!important;border-top-left-radius:var(--vlook-base-radius);border-top-right-radius:var(--vlook-base-radius)}.mdx-chapter-nav-prev.effect.hover,.mdx-chapter-nav-prev.effect::before,.mdx-chapter-nav-prev.noeffect.hover{border-top-left-radius:var(--vlook-base-radius)}.mdx-chapter-nav-next.effect.hover,.mdx-chapter-nav-next.effect::before,.mdx-chapter-nav-next.noeffect.hover{border-top-right-radius:var(--vlook-base-radius)}.mdx-nav-center-block{top:70px}}@media screen and (min-width:1441px){:root{--vlook-nav-center-width:400px;--vlook-nav-center-hidden-left:-410px;--vlook-toolbar-btn-width:40px}.md-hr+blockquote,.md-hr+blockquote+blockquote,hr+blockquote,hr+blockquote+blockquote{max-width:49.25%!important;min-width:49.25%!important}.md-hr+blockquote+blockquote,hr+blockquote+blockquote{margin-left:1.5%!important}.md-hr+.md-hr+blockquote,.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+blockquote+blockquote+blockquote,hr+hr+blockquote,hr+hr+blockquote+blockquote,hr+hr+blockquote+blockquote+blockquote{max-width:32.34%!important;min-width:32.34%!important}.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+blockquote+blockquote+blockquote,hr+hr+blockquote+blockquote,hr+hr+blockquote+blockquote+blockquote{margin-left:1.49%!important}.md-hr+.md-hr+.md-hr+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote+blockquote,hr+hr+hr+blockquote,hr+hr+hr+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote+blockquote{max-width:23.875%!important;min-width:23.875%!important}.md-hr+.md-hr+.md-hr+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote,.md-hr+.md-hr+.md-hr+blockquote+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote,hr+hr+hr+blockquote+blockquote+blockquote+blockquote{margin-left:1.5%!important}}@media screen and (max-width:1024px){.mdx-chapter-nav{left:20px!important}.mdx-chapter-nav-current,.mdx-chapter-nav-doc-title{margin-left:40px!important;margin-right:40px!important}.mdx-chapter-nav-next,.mdx-chapter-nav-prev{width:20%!important}.mdx-chapter-nav-next-text,.mdx-chapter-nav-prev-text{display:none!important}table{white-space:pre!important}#write>h6:first-child,#write>h6:last-child,#write>pre.md-meta-block:first-child+h6{font-size:2em!important}}@media screen and (min-width:641px) and (max-width:1023px){.mdx-welcome-page{font-size:1.25em!important}}@media screen and (min-width:361px) and (max-width:639px){.mdx-welcome-page{font-size:1.1em!important}}@media screen and (max-width:360px){.mdx-welcome-page{font-size:1em!important}}@media print{html{font-size:1em!important}#write{margin:20px!important}.mdx-doc-title{opacity:1}.mdx-table-cross,h1,h2,h3,h4,h5,h6{box-shadow:none!important;background:0 0!important}table:hover{border-color:var(--tbl-border-color)!important}.mdx-caption:hover{background-color:var(--doc-bg-color-alt)}.mdx-img-invert-dark{filter:none}#write .md-toc,blockquote{display:block!important}.mdx-bottom-tips,.mdx-btn-open-in-new-tab,.mdx-btn-outline,.mdx-chapter-nav,.mdx-info-tips,.mdx-link-error-list,.mdx-more-doc-content-after,.mdx-more-doc-content-before,.mdx-nav-center,.mdx-nav-center-body,.mdx-nav-center-header,.mdx-status-bar,.mdx-toc-handle,.mdx-tool-tips,.mdx-toolbar,.mdx-welcome-page{display:none!important;filter:none}.mdx-pg-current-item{box-shadow:none!important}.mdx-toc-item-current{background:0 0!important}.mdx-toc-item-current a{color:var(--fore-color)!important}.mdx-toc{display:block!important;visibility:visible!important}#write>h6:first-child,#write>h6:first-child em,#write>h6:first-child strong,#write>h6:first-child strong::before,#write>h6:first-child sub,#write>h6:first-child sup,#write>h6:last-child,#write>pre.md-meta-block:first-child+h6,#write>pre.md-meta-block:first-child+h6 em,#write>pre.md-meta-block:first-child+h6 strong,#write>pre.md-meta-block:first-child+h6 strong::before,#write>pre.md-meta-block:first-child+h6 sub,#write>pre.md-meta-block:first-child+h6 sup{background:#fff!important;color:#181a1e!important}}.mdx-color-scheme{color:#fff}@media (prefers-color-scheme:dark){.mdx-color-scheme{color:#000}:root{--vlook-color-scheme:dark;--vlook-invert-dark:var(--vlook-invert-dark-dark);--vlook-brightness-dark:var(--vlook-brightness-dark-dark);--bg-color:var(--doc-bg-color-dark);--side-bar-bg-color:var(--doc-bg-color-dark);--text-color:var(--fore-color-dark);--select-text-bg-color:rgba(0, 168, 190, 0.5);--control-text-color:var(--fore-color-dark);--control-text-hover-color:var(--fore-color-dark);--window-border:1px solid var(--doc-bg-color-alt-dark);--active-file-bg-color:var(--doc-bg-color-dark);--active-file-border-color:var(--select-text-bg-color);--active-file-text-color:var(--fore-color-dark);--item-hover-bg-color:var(--fore-color-alt-dark);--item-hover-text-color:var(--fore-color-dark);--primary-color:#00A8BE;--rawblock-edit-panel-bd:var(--doc-bg-color-dark);--search-select-bg-color:rgba(0, 168, 190, 0.5);--doc-bg-color:var(--doc-bg-color-dark);--doc-bg-color-alt:var(--doc-bg-color-alt-dark);--doc-bg-color-transparent:var(--doc-bg-color-transparent-dark);--doc-bg-color-alt-transparent:var(--doc-bg-color-alt-transparent-dark);--fore-color:var(--fore-color-dark);--fore-color-alt:var(--fore-color-alt-dark);--blockquote-bg:var(--blockquote-bg-dark);--tips-bg-color:var(--tips-bg-color-dark);--tips-bg-color-inset:var(--tips-bg-color-inset-dark);--a-color:var(--a-color-dark);--mark-color:var(--mark-color-dark);--tbl-header-color:var(--tbl-header-color-dark);--tbl-border-color:var(--tbl-border-color-dark);--tbl-th-bg-color:var(--tbl-th-bg-color-dark);--tbl-td-bg-color:var(--tbl-td-bg-color-dark);--tbl-cell-border-color:var(--tbl-cell-border-color-dark);--tbl-row-g-alpha:var(--tbl-row-g-alpha-dark);--del-color:var(--del-color-dark);--toc-header-num-color:var(--toc-header-num-color-dark);--header-color:var(--header-color-dark);--header-box-shadow:var(--header-box-shadow-dark);--header-bg-start-color:var(--header-bg-start-color-dark);--header-bg-end-color:var(--header-bg-end-color-dark);--code-bg-color:var(--code-bg-color-dark);--code-name-bg-color:var(--code-name-bg-color-dark);--code-name-shadow-color:var(--code-name-shadow-color-dark);--acc-color-red:var(--acc-color-red-dark);--acc-color-red-alt:var(--acc-color-red-alt-dark);--acc-color-red-fade:var(--acc-color-red-fade-dark);--acc-color-red-title:var(--acc-color-red-title-dark);--acc-color-orange:var(--acc-color-orange-dark);--acc-color-orange-alt:var(--acc-color-orange-alt-dark);--acc-color-orange-fade:var(--acc-color-orange-fade-dark);--acc-color-orange-title:var(--acc-color-orange-title-dark);--acc-color-yellow:var(--acc-color-yellow-dark);--acc-color-yellow-alt:var(--acc-color-yellow-alt-dark);--acc-color-yellow-fade:var(--acc-color-yellow-fade-dark);--acc-color-yellow-title:var(--acc-color-yellow-title-dark);--acc-color-green:var(--acc-color-green-dark);--acc-color-green-alt:var(--acc-color-green-alt-dark);--acc-color-green-fade:var(--acc-color-green-fade-dark);--acc-color-green-title:var(--acc-color-green-title-dark);--acc-color-cyan:var(--acc-color-cyan-dark);--acc-color-cyan-alt:var(--acc-color-cyan-alt-dark);--acc-color-cyan-fade:var(--acc-color-cyan-fade-dark);--acc-color-cyan-title:var(--acc-color-cyan-title-dark);--acc-color-blue:var(--acc-color-blue-dark);--acc-color-blue-alt:var(--acc-color-blue-alt-dark);--acc-color-blue-fade:var(--acc-color-blue-fade-dark);--acc-color-blue-title:var(--acc-color-blue-title-dark);--acc-color-purple:var(--acc-color-purple-dark);--acc-color-purple-alt:var(--acc-color-purple-alt-dark);--acc-color-purple-fade:var(--acc-color-purple-fade-dark);--acc-color-purple-title:var(--acc-color-purple-title-dark);--acc-color-pink:var(--acc-color-pink-dark);--acc-color-pink-alt:var(--acc-color-pink-alt-dark);--acc-color-pink-fade:var(--acc-color-pink-fade-dark);--acc-color-pink-title:var(--acc-color-pink-title-dark);--acc-color-brown:var(--acc-color-brown-dark);--acc-color-brown-alt:var(--acc-color-brown-alt-dark);--acc-color-brown-fade:var(--acc-color-brown-fade-dark);--acc-color-brown-title:var(--acc-color-brown-title-dark);--acc-color-gray:var(--acc-color-gray-dark);--acc-color-gray-alt:var(--acc-color-gray-alt-dark);--acc-color-gray-fade:var(--acc-color-gray-fade-dark);--acc-color-gray-title:var(--acc-color-gray-title-dark);--acc-color-theme1:var(--acc-color-theme1-dark);--acc-color-theme1-alt:var(--acc-color-theme1-alt-dark);--acc-color-theme1-fade:var(--acc-color-theme1-fade-dark);--acc-color-theme1-title:var(--acc-color-theme1-title-dark);--acc-color-theme2:var(--acc-color-theme2-dark);--acc-color-theme2-alt:var(--acc-color-theme2-alt-dark);--acc-color-theme2-fade:var(--acc-color-theme2-fade-dark);--acc-color-theme2-title:var(--acc-color-theme2-title-dark);--mm-color-red:var(--mm-color-red-dark);--mm-color-red-alt:var(--mm-color-red-alt-dark);--mm-color-orange:var(--mm-color-orange-dark);--mm-color-orange-alt:var(--mm-color-orange-alt-dark);--mm-color-yellow:var(--mm-color-yellow-dark);--mm-color-yellow-alt:var(--mm-color-yellow-alt-dark);--mm-color-green:var(--mm-color-green-dark);--mm-color-green-alt:var(--mm-color-green-alt-dark);--mm-color-cyan:var(--mm-color-cyan-dark);--mm-color-cyan-alt:var(--mm-color-cyan-alt-dark);--mm-color-blue:var(--mm-color-blue-dark);--mm-color-blue-alt:var(--mm-color-blue-alt-dark);--mm-color-purple:var(--mm-color-purple-dark);--mm-color-purple-alt:var(--mm-color-purple-alt-dark);--mm-color-pink:var(--mm-color-pink-dark);--mm-color-pink-alt:var(--mm-color-pink-alt-dark);--mm-color-brown:var(--mm-color-brown-dark);--mm-color-brown-alt:var(--mm-color-brown-alt-dark);--mm-color-gray:var(--mm-color-gray-dark);--mm-color-gray-alt:var(--mm-color-gray-alt-dark);--cm-keyword:var(--cm-keyword-dark);--cm-variable:var(--cm-variable-dark);--cm-variable-2:var(--cm-variable-2-dark);--cm-variable-3:var(--cm-variable-3-dark);--cm-tag:var(--cm-tag-dark);--cm-attribute:var(--cm-attribute-dark);--cm-CodeMirror-cursor:var(--cm-CodeMirror-cursor-dark);--cm-string:var(--cm-string-dark);--cm-string-2:var(--cm-string-2-dark);--cm-comment:var(--cm-comment-dark);--cm-header:var(--cm-header-dark);--cm-quote:var(--cm-quote-dark);--cm-hr:var(--cm-hr-dark);--cm-link:var(--cm-link-dark);--cm-negative:var(--cm-negative-dark);--cm-positive:var(--cm-positive-dark);--cm-meta:var(--cm-meta-dark);--cm-bulidin:var(--cm-buliddark);--cm-bracket:var(--cm-bracket-dark);--cm-atom:var(--cm-atom-dark);--cm-number:var(--cm-atom-dark)}img[src*="grid=line"],svg[data-inject-url*="grid=line"]{background:url()}img[src*="grid=block"],svg[data-inject-url*="grid=block"]{background:url()}img[src*="darksrc=invert"],svg[data-inject-url*="darksrc=invert"]{filter:var(--vlook-invert-dark);border-color:#c5c0b7!important;background:#fff}img[src*="darksrc=invert"][src*="grid=line"],svg[data-inject-url*="darksrc=invert"][data-inject-url*="grid=line"]{background:url()}[data-inject-url*="grid=block"],img[src*="darksrc=invert"][src*="grid=block"],svg[data-inject-url*="darksrc=invert"]{background:url()}a:hover img[src*="darksrc=invert"],a:hover svg[data-inject-url*="darksrc=invert"]{filter:var(--vlook-invert-dark) brightness(1.3)!important}.noteText tspan{fill:var(--fore-color-light)!important}}:root{--mm-font-family:"VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif!important;--mm-alt-font-family:"VLOOK Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "Microsoft YaHei", "微软雅黑", SimHei, "黑体", "PingFang SC", "PingFang TC", "PingFang HK", sans-serif!important}


mjx-container[jax="SVG"] {
  direction: ltr;
}

mjx-container[jax="SVG"] > svg {
  overflow: visible;
  min-height: 1px;
  min-width: 1px;
}

mjx-container[jax="SVG"] > svg a {
  fill: blue;
  stroke: blue;
}

mjx-assistive-mml {
  position: absolute !important;
  top: 0px;
  left: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0px 0px 0px !important;
  border: 0px !important;
  display: block !important;
  width: auto !important;
  overflow: hidden !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

mjx-assistive-mml[display="block"] {
  width: 100% !important;
}

mjx-container[jax="SVG"][display="true"] {
  display: block;
  text-align: center;
  margin: 1em 0;
}

mjx-container[jax="SVG"][display="true"][width="full"] {
  display: flex;
}

mjx-container[jax="SVG"][justify="left"] {
  text-align: left;
}

mjx-container[jax="SVG"][justify="right"] {
  text-align: right;
}

g[data-mml-node="merror"] > g {
  fill: red;
  stroke: red;
}

g[data-mml-node="merror"] > rect[data-background] {
  fill: yellow;
  stroke: none;
}

g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] {
  stroke-width: 70px;
  fill: none;
}

g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] {
  stroke-width: 70px;
  fill: none;
}

g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed {
  stroke-dasharray: 140;
}

g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted {
  stroke-linecap: round;
  stroke-dasharray: 0,140;
}

g[data-mml-node="mtable"] > g > svg {
  overflow: visible;
}

[jax="SVG"] mjx-tool {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
}

[jax="SVG"] mjx-tool > mjx-tip {
  position: absolute;
  top: 0;
  left: 0;
}

mjx-tool > mjx-tip {
  display: inline-block;
  padding: .2em;
  border: 1px solid #888;
  font-size: 70%;
  background-color: #F8F8F8;
  color: black;
  box-shadow: 2px 2px 5px #AAAAAA;
}

g[data-mml-node="maction"][data-toggle] {
  cursor: pointer;
}

mjx-status {
  display: block;
  position: fixed;
  left: 1em;
  bottom: 1em;
  min-width: 25%;
  padding: .2em .4em;
  border: 1px solid #888;
  font-size: 90%;
  background-color: #F8F8F8;
  color: black;
}

foreignObject[data-mjx-xml] {
  font-family: initial;
  line-height: normal;
  overflow: visible;
}

mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
  stroke-width: 3;
}

g[data-mml-node="xypic"] path {
  stroke-width: inherit;
}

.MathJax g[data-mml-node="xypic"] path {
  stroke-width: inherit;
}
mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
							stroke-width: 0;
						} :root {--mermaid-font-zoom:1em ;}  @media print { @page {margin: 0 0 0 0;} body.typora-export {padding-left: 0; padding-right: 0;} #write {padding:0;}}
</style><title>快速参考手册 - VLOOK™ - Markdown 编辑器 Typora 的主题包和增强插件</title>
</head>
<body class='typora-export'><div class='typora-export-content'>
<div id='write'  class=''><h6 id='vlook™br-让你的-markdown-有了新看wán法br-──br-快速参考手册br-最新版本v110theme2br-br-max°孟兆br-copyright-©-2016-2021-max°design'><sub><span>VLOOK™</span></sub><br><span>让你的 Markdown 有了新</span><code>{看}(wán)</code><span>法</span><br><span>──</span><br><sup><span>快速参考手册</span></sup><br><code>#最新版本|V11.0#(theme2)</code><br><br><strong><span>MAX°孟兆</span></strong><br><em><span>COPYRIGHT © 2016-2021. MAX°DESIGN.</span></em></h6><div class='md-toc' mdtype='toc'><p class="md-toc-content" role="list"><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6503"><a class="md-toc-inner" style="" href="#vlook™br-让你的-markdown-有了新看wán法br-──br-快速参考手册br-最新版本v110theme2br-br-max°孟兆br-copyright-©-2016-2021-max°design">VLOOK™&lt;br /&gt;让你的 Markdown 有了新<code>{看}(wán)</code>法&lt;br /&gt;──&lt;br /&gt;快速参考手册&lt;br /&gt;<code>#最新版本|V11.0#(theme2)</code>&lt;br /&gt;&lt;br /&gt;<strong>MAX°孟兆</strong>&lt;br /&gt;<em>COPYRIGHT © 2016-2021. MAX°DESIGN.</em></a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n6505"><a class="md-toc-inner" style="" href="#打赏">打赏</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n6508"><a class="md-toc-inner" style="" href="#快速入坑">快速入坑</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6511"><a class="md-toc-inner" style="" href="#快速入坑°文档排版">快速入坑°文档排版</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6616"><a class="md-toc-inner" style="" href="#快速入坑°内容导航">快速入坑°内容导航</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6646"><a class="md-toc-inner" style="" href="#快速入坑°演示与出版辅助">快速入坑°演示与出版辅助</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6693"><a class="md-toc-inner" style="" href="#快速入坑°主题与不杂项">快速入坑°主题与不杂项</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n6730"><a class="md-toc-inner" style="" href="#°文档排版">°文档排版</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6731"><a class="md-toc-inner" style="" href="#°表格">°表格</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n6732"><a class="md-toc-inner" style="" href="#表格单元格合并">表格单元格合并</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6743"><a class="md-toc-inner" style="" href="#示例-1－普通单元格的横向合并纵向合并">示例 1－普通单元格的横向合并、纵向合并</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6801"><a class="md-toc-inner" style="" href="#示例-2－表头纵向横向合并">示例 2－表头纵向、横向合并</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6835"><a class="md-toc-inner" style="" href="#示例-3－表头纵向横向合并">示例 3－表头纵向、横向合并</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n6880"><a class="md-toc-inner" style="" href="#表格列格式常规">表格列格式：常规</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6886"><a class="md-toc-inner" style="" href="#示例-1－表格列格式常规化">示例 1－表格列格式：常规化</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6912"><a class="md-toc-inner" style="" href="#示例-2－表格列格式常规化格式嵌套）">示例 2－表格列格式：常规化（格式嵌套）</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n6947"><a class="md-toc-inner" style="" href="#表格列格式数值百分数货币">表格列格式：数值、百分数、货币</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n6960"><a class="md-toc-inner" style="" href="#示例－普通数字">示例－普通数字</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7023"><a class="md-toc-inner" style="" href="#示例－百分数">示例－百分数</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7090"><a class="md-toc-inner" style="" href="#示例－货币">示例－货币</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7212"><a class="md-toc-inner" style="" href="#表格列格式复选框">表格列格式：复选框</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7224"><a class="md-toc-inner" style="" href="#示例－复选框列格式">示例－「复选框」列格式</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7245"><a class="md-toc-inner" style="" href="#表格自动编号与题注">表格自动编号与题注</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7259"><a class="md-toc-inner" style="" href="#示例－单题注">示例－单题注</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7283"><a class="md-toc-inner" style="" href="#示例－双题注这是表格的第二题注">![示例－双题注]"这是表格的第二题注"</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7306"><a class="md-toc-inner" style="" href="#表格逐行自动编号">表格逐行自动编号</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7316"><a class="md-toc-inner" style="" href="#示例-1－表格前添加-6-级标题-1">示例 1－表格前添加 6 级标题</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7317"><a class="md-toc-inner" style="" href="#示例-1－表格前添加-6-级标题-2">示例 1－表格前添加 6 级标题</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7357"><a class="md-toc-inner" style="" href="#表格行分组折叠">表格行分组折叠</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7368"><a class="md-toc-inner" style="" href="#写法如下第-2-列所示">写法如下第 2 列所示</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7385"><a class="md-toc-inner" style="" href="#示例-1－表格行分组折叠">示例 1－表格行分组折叠</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7482"><a class="md-toc-inner" style="" href="#示例-2－表格行分组折叠">示例 2－表格行分组折叠</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7591"><a class="md-toc-inner" style="" href="#表格重复显示表头">表格重复显示表头</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7659"><a class="md-toc-inner" style="" href="#示例-2－按页重复表头单行表头）">示例 2－按页重复表头（单行表头）</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7775"><a class="md-toc-inner" style="" href="#示例-3－按页重复表头多行表头）">示例 3－按页重复表头（多行表头）</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7897"><a class="md-toc-inner" style="" href="#表格当前行指标器">表格当前行指标器</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n7909"><a class="md-toc-inner" style="" href="#°图片">°图片</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7910"><a class="md-toc-inner" style="" href="#插图自动编号与题注">插图自动编号与题注</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7937"><a class="md-toc-inner" style="" href="#插图对齐方式">插图对齐方式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7946"><a class="md-toc-inner" style="" href="#图片不同对齐方式的-url-参数align）的取值及用法">图片不同对齐方式的 URL 参数（align）的取值及用法</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7966"><a class="md-toc-inner" style="" href="#示例-1-1">示例</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n7972"><a class="md-toc-inner" style="" href="#图片适配高分屏">图片适配高分屏</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n7980"><a class="md-toc-inner" style="" href="#图片不同分辨率的-url-参数srcset）的取值及用法">图片不同分辨率的 URL 参数（srcset）的取值及用法</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8002"><a class="md-toc-inner" style="" href="#示例-2-1">示例</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8014"><a class="md-toc-inner" style="" href="#图片适配-dark-mode">图片适配 Dark Mode</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8017"><a class="md-toc-inner" style="" href="#适配方式反色">适配方式：反色</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8027"><a class="md-toc-inner" style="" href="#示例-3">示例</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8032"><a class="md-toc-inner" style="" href="#适配方式替换">适配方式：替换</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8046"><a class="md-toc-inner" style="" href="#示例-4">示例</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8051"><a class="md-toc-inner" style="" href="#图片显示版式">图片显示版式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8059"><a class="md-toc-inner" style="" href="#图片不同显示版式的-url-参数mode）的取值及用法">图片不同显示版式的 URL 参数（mode）的取值及用法</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8128"><a class="md-toc-inner" style="" href="#图片版式示例icon">图片版式示例：icon</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8134"><a class="md-toc-inner" style="" href="#图片版式示例logo">图片版式示例：logo</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8135"><a class="md-toc-inner" style="" href="#指定为-logo-模式">指定为 <code>logo</code> 模式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8141"><a class="md-toc-inner" style="" href="#指定为-logol-模式">指定为 <code>logol</code> 模式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8144"><a class="md-toc-inner" style="" href="#指定为-logor-模式">指定为 <code>logor</code> 模式</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8149"><a class="md-toc-inner" style="" href="#一行多图适配">一行多图适配</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8157"><a class="md-toc-inner" style="" href="#示例－一行多图适配">示例－一行多图适配</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8159"><a class="md-toc-inner" style="" href="#图片颜色替换">图片颜色替换</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8167"><a class="md-toc-inner" style="" href="#图片颜色替换的-url-参数fill）的取值及用法">图片颜色替换的 URL 参数（fill）的取值及用法</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8185"><a class="md-toc-inner" style="" href="#示例－链接内图片">示例－链接内图片</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8189"><a class="md-toc-inner" style="" href="#示例－正文图文混排">示例－正文图文混排</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8197"><a class="md-toc-inner" style="" href="#示例－彩虹引用及标题">示例－彩虹引用及标题</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8202"><a class="md-toc-inner" style="" href="#示例－插图实验性）">示例－插图（实验性）</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8207"><a class="md-toc-inner" style="" href="#图片网格背景">图片网格背景</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8216"><a class="md-toc-inner" style="" href="#图片网格背景的-url-参数grid）的取值及用法">图片网格背景的 URL 参数（grid）的取值及用法</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8230"><a class="md-toc-inner" style="" href="#示例-1－线条网格">示例 1－线条网格</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8233"><a class="md-toc-inner" style="" href="#示例-2－方块网格">示例 2－方块网格</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8239"><a class="md-toc-inner" style="" href="#图片边缘留白">图片边缘留白</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8252"><a class="md-toc-inner" style="" href="#示例-5">示例</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8257"><a class="md-toc-inner" style="" href="#°标签">°标签</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8261"><a class="md-toc-inner" style="" href="#彩虹标签">彩虹标签</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8267"><a class="md-toc-inner" style="" href="#彩虹标签预置颜色标识及示例">彩虹标签预置颜色标识及示例</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8337"><a class="md-toc-inner" style="" href="#药丸标签">药丸标签</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8343"><a class="md-toc-inner" style="" href="#药丸标签预置颜色及示例">药丸标签预置颜色及示例</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8413"><a class="md-toc-inner" style="" href="#°引用">°引用</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8414"><a class="md-toc-inner" style="" href="#彩虹引用">彩虹引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8421"><a class="md-toc-inner" style="" href="#示例-1－正文内的彩虹标签">示例 1－正文内的彩虹标签</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8470"><a class="md-toc-inner" style="" href="#示例-2－列表内的彩虹标签">示例 2－列表内的彩虹标签</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8481"><a class="md-toc-inner" style="" href="#分栏引用">分栏引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8489"><a class="md-toc-inner" style="" href="#示例－双栏引用">示例－双栏引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8497"><a class="md-toc-inner" style="" href="#示例－三栏引用">示例－三栏引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8509"><a class="md-toc-inner" style="" href="#示例－四栏引用">示例－四栏引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8525"><a class="md-toc-inner" style="" href="#示例－多行分栏引用">示例－多行分栏引用</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8603"><a class="md-toc-inner" style="" href="#折叠吧引用">折叠吧引用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8613"><a class="md-toc-inner" style="" href="#示例-1－实际应用效果">示例 1－实际应用效果</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8628"><a class="md-toc-inner" style="" href="#示例-1-对应的-markdown-源码内容">示例 1 对应的 Markdown 源码内容</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8633"><a class="md-toc-inner" style="" href="#°mermaid">°Mermaid</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8634"><a class="md-toc-inner" style="" href="#mermaid-图表自动编号与题注">Mermaid 图表自动编号与题注</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8644"><a class="md-toc-inner" style="" href="#样式优化">样式优化</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8650"><a class="md-toc-inner" style="" href="#mermaid-的流程图">Mermaid 的流程图</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8658"><a class="md-toc-inner" style="" href="#扩展图表应用">扩展图表应用</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8660"><a class="md-toc-inner" style="" href="#mermaid-的状态图">Mermaid 的状态图</a></span><span role="listitem" class="md-toc-item md-toc-h4" data-ref="n8665"><a class="md-toc-inner" style="" href="#mermaid-的顺序图">Mermaid 的顺序图</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8679"><a class="md-toc-inner" style="" href="#°音频">°音频</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8699"><a class="md-toc-inner" style="" href="#示例-1－标准模式默认）">示例 1－标准模式（默认）</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8701"><a class="md-toc-inner" style="" href="#示例-2－mini-模式">示例 2－Mini 模式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8706"><a class="md-toc-inner" style="" href="#音频控制高级应用说明">音频控制高级应用说明</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8746"><a class="md-toc-inner" style="" href="#°视频">°视频</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8758"><a class="md-toc-inner" style="" href="#示例-6">示例</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8763"><a class="md-toc-inner" style="" href="#视频控制高级应用说明">视频控制高级应用说明</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8799"><a class="md-toc-inner" style="" href="#°注音">°注音</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8810"><a class="md-toc-inner" style="" href="#示例-1">示例 1</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8812"><a class="md-toc-inner" style="" href="#示例-2">示例 2</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8869"><a class="md-toc-inner" style="" href="#°代码块">°代码块</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8870"><a class="md-toc-inner" style="" href="#代码块自动编号与题注">代码块自动编号与题注</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8892"><a class="md-toc-inner" style="" href="#示例-1-2">示例 1</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8894"><a class="md-toc-inner" style="" href="#示例-2-2">示例 2</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8900"><a class="md-toc-inner" style="" href="#代码块增强">代码块增强</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8903"><a class="md-toc-inner" style="" href="#示例-7">示例</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8913"><a class="md-toc-inner" style="" href="#°任务列表">°任务列表</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8914"><a class="md-toc-inner" style="" href="#任务列表自动编号">任务列表自动编号</a></span><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n8918"><a class="md-toc-inner" style="" href="#任务组完成状态">任务组完成状态</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8927"><a class="md-toc-inner" style="" href="#示例-1-3">示例 1</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n8957"><a class="md-toc-inner" style="" href="#示例-2-3">示例 2</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n8976"><a class="md-toc-inner" style="" href="#°主题">°主题</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8977"><a class="md-toc-inner" style="" href="#模板主题">模板主题</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n8991"><a class="md-toc-inner" style="" href="#字体主题">字体主题</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9013"><a class="md-toc-inner" style="" href="#文艺范选用的字体及应用">文艺范_选用的字体及应用</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9064"><a class="md-toc-inner" style="" href="#小清新选用的字体及应用">小清新_选用的字体及应用</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9104"><a class="md-toc-inner" style="" href="#dark-mode">Dark Mode </a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9116"><a class="md-toc-inner" style="" href="#封面封底">封面、封底</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9161"><a class="md-toc-inner" style="" href="#示例-1－最小化的文档封面内容">示例 1－最小化的文档封面内容</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9163"><a class="md-toc-inner" style="" href="#示例-2－本文档的封面内容">示例 2－本文档的封面内容</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9168"><a class="md-toc-inner" style="" href="#更美观的公式">更美观的公式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9169"><a class="md-toc-inner" style="" href="#段落内混排的公式">段落内混排的公式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9176"><a class="md-toc-inner" style="" href="#独占一行的公式块">独占一行的公式块</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9179"><a class="md-toc-inner" style="" href="#表格内的公式">表格内的公式</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n9197"><a class="md-toc-inner" style="" href="#°内容导航">°内容导航</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9198"><a class="md-toc-inner" style="" href="#导航中心">导航中心</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9214"><a class="md-toc-inner" style="" href="#逐章导航">逐章导航</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9233"><a class="md-toc-inner" style="" href="#段落导航">段落导航</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9257"><a class="md-toc-inner" style="" href="#插图导航">插图导航</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9286"><a class="md-toc-inner" style="" href="#示例－长图片双题注">示例－长图片、双题注</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9291"><a class="md-toc-inner" style="" href="#文库导航">文库导航</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9320"><a class="md-toc-inner" style="" href="#脚注导航">脚注导航</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9322"><a class="md-toc-inner" style="" href="#示例-8">示例</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n9328"><a class="md-toc-inner" style="" href="#°演示与出版辅助">°演示与出版辅助</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9329"><a class="md-toc-inner" style="" href="#聚光灯">聚光灯</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9341"><a class="md-toc-inner" style="" href="#激光笔">激光笔</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9351"><a class="md-toc-inner" style="" href="#表格阅读模式">表格阅读模式</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9362"><a class="md-toc-inner" style="" href="#试试点击表格的任意单元格或让鼠标光标在以下表格行间进行移动">试试点击表格的任意单元格，或让鼠标光标在以下表格行间进行移动</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9382"><a class="md-toc-inner" style="" href="#画中画">画中画</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9395"><a class="md-toc-inner" style="" href="#刮刮卡">刮刮卡</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9408"><a class="md-toc-inner" style="" href="#示例－刮刮卡">示例－刮刮卡</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9461"><a class="md-toc-inner" style="" href="#章节标题自动编号">章节标题自动编号</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9476"><a class="md-toc-inner" style="" href="#自定义欢迎页内容">自定义欢迎页内容</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9489"><a class="md-toc-inner" style="" href="#内容失效检查">内容失效检查</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9507"><a class="md-toc-inner" style="" href="#链接识别与优化">链接识别与优化</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9526"><a class="md-toc-inner" style="" href="#适配打印输出">适配打印输出</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n9533"><a class="md-toc-inner" style="" href="#°不杂项">°不杂项</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9534"><a class="md-toc-inner" style="" href="#启动参数">启动参数</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9572"><a class="md-toc-inner" style="" href="#方式一通过-url-参数指定多个参数间用进行分隔）">方式一：通过 URL 参数指定（多个参数间用<code>&amp;</code>进行分隔）</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9575"><a class="md-toc-inner" style="" href="#方式二通过-yaml-front-matter-指定多个参数间用进行分隔）">方式二：通过 YAML Front Matter 指定（多个参数间用<code>&amp;</code>进行分隔）</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9584"><a class="md-toc-inner" style="" href="#长内容自动折叠">长内容自动折叠</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9595"><a class="md-toc-inner" style="" href="#快捷键操作汇总">快捷键操作汇总</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9685"><a class="md-toc-inner" style="" href="#跨平台动效支持">跨平台、动效支持</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9686"><a class="md-toc-inner" style="" href="#跨平台">跨平台</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9695"><a class="md-toc-inner" style="" href="#动效">动效</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9704"><a class="md-toc-inner" style="" href="#i18n-支持">i18n 支持</a></span><span role="listitem" class="md-toc-item md-toc-h1" data-ref="n9710"><a class="md-toc-inner" style="" href="#延伸内容">延伸内容</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9711"><a class="md-toc-inner" style="" href="#图片-url-参数语法说明">图片 URL 参数语法说明</a></span><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n9721"><a class="md-toc-inner" style="" href="#基于色轮的配色方案">基于色轮的配色方案</a></span><span role="listitem" class="md-toc-item md-toc-h6" data-ref="n9744"><a class="md-toc-inner" style="" href="#the-end">The End</a></span></p></div><h1 id='打赏'><span>打赏</span></h1><p><strong><span>若喜欢 VLOOK™ 的话，可以贡献一杯咖啡 :-)</span></strong></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/donate-wechat-light.png?mode=frame&amp;darksrc=donate-wechat-dark.png&amp;srcset=@2x&amp;darksrcset=@2x" referrerpolicy="no-referrer" alt="打赏 VLOOK™"></p><h1 id='快速入坑'><span>快速入坑</span></h1><p><span>VLOOK™ 通过持续</span><strong><span>挖掘和扩展</span></strong><span> Markdown 和 CSS，同时结合了文档的互联网化应用场景～</span></p><p><span>在 </span><strong><span>文档排版</span></strong><span>、</span><strong><span>内容导航</span></strong><span>、</span><strong><span>演示辅助</span></strong><span>、</span><strong><span>交互体验</span></strong><span> 等方面提供了 </span><strong><span>一致</span></strong><span>、</span><strong><span>简洁</span></strong><span>、</span><strong><span>友好</span></strong><span> 的体验。</span></p><h2 id='快速入坑°文档排版'><span>快速入坑°文档排版</span></h2><blockquote><h6 id='°-文档排版'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-types-light.svg?mode=icon2x&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="°文档排版"><span> ° 文档排版</span></h6><hr /><p><strong><span>有了 VLOOK™ 主题及插件的支持，让你对 Markdown 编辑器（暂只支持 Typora）的自动化排版能力有了全新的理解。</span></strong></p><p><span>得益于成熟的 Web 浏览器、HTML / CSS、JavaScript 技术，让静态的文档也能与你一起「动」起来。</span></p><p><code>&gt;(blue)</code></p></blockquote><p><span>![VLOOK™ 的「文档排版」特性]</span></p><figure><table><thead><tr><th><span>分类与适用场景</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:left;' ><span>==</span></th></tr></thead><tbody><tr><td><strong><span>表格</span></strong></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:left;' ><strong><span>图片、图标、插图</span></strong></td></tr><tr><td><span>- 横向、纵向</span><strong><span>合并</span></strong><span>指定单元格 </span><a href='#表格单元格合并'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 为插图进行自动编号、</span><strong><span>添加题注</span></strong><span> </span><a href='#插图自动编号与题注'><span>…</span></a></td></tr><tr><td><span>- 将</span><strong><span>整列</span></strong><span>设置为加粗、高亮、下划线、斜体格式 </span><a href='#表格列格式常规'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 指定插图的</span><strong><span>对齐方式</span></strong><span> </span><a href='#插图对齐方式'><span>…</span></a></td></tr><tr><td><span>- 将整列设置为</span><strong><span>数值</span></strong><span>、</span><strong><span>百分比</span></strong><span>、</span><strong><span>货币格式</span></strong><span> </span><a href='#表格列格式数值百分数货币'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 让图片在高分屏下自动适配显示</span><strong><span>高清</span></strong><span>的版本（2x、3x） </span><a href='#图片适配高分屏'><span>…</span></a></td></tr><tr><td><span>- 将整列设置为</span><strong><span>复选框</span></strong><span>格式，并能指定某单元格为「选中」 </span><a href='#表格列格式复选框'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 让图片自动适配 </span><strong><span>Dark Mode</span></strong><span>  </span><a href='#图片适配-dark-mode'><span>…</span></a></td></tr><tr><td><span>- 给每个表格进行自动编号、</span><strong><span>添加题注</span></strong><span> </span><a href='#表格自动编号与题注'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 添加的</span><strong><span>小图标</span></strong><span>、普通图片，不想以插图的形式显示 </span><a href='#图片显示版式'><span>…</span></a></td></tr><tr><td><span>- 给表格的</span><strong><span>每一行</span></strong><span>都进行</span><strong><span>自动编号</span></strong><span> </span><a href='#表格逐行自动编号'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- </span><strong><span>一行多图</span></strong><span>自动换行后样式</span><strong><span>适配</span></strong><span> </span><a href='#一行多图适配'><span>…</span></a></td></tr><tr><td><span>- 对同属一类内容的</span><strong><span>表格行</span></strong><span>进行分组、分类，并能</span><strong><span>自动折叠</span></strong><span> </span><a href='#表格行分组折叠'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 让图标的颜色与周围的元素更搭更和谐 </span><a href='#图片颜色替换'><span>…</span></a></td></tr><tr><td><span>- 指定表格可</span><strong><span>重复显示表头</span></strong><span> </span><a href='#表格重复显示表头'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 为图片添加工程风的网格背景 </span><a href='#图片网格背景'><span>…</span></a></td></tr><tr><td><span>- 在表格中指示当前行 </span><a href='#表格当前行指标器'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 图片边缘能</span><strong><span>留白</span></strong><span> </span><a href='#图片边缘留白'><span>…</span></a></td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td style='text-align:left;' ><span>==</span></td></tr><tr><td><strong><span>标签、标签组</span></strong></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:left;' ><strong><span>流程图、状态机图、顺序图</span></strong></td></tr><tr><td><span>- 将特定关键字设置为</span><strong><span>标签</span></strong><span>样式 </span><a href='#彩虹标签'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- </span><strong><span>扩展</span></strong><span> Mermaid 的</span><strong><span>图表</span></strong><span>，并优化了</span><strong><span>样式</span></strong><span> </span><a href='#°mermaid'><span>…</span></a></td></tr><tr><td><span>- 将特定的</span><strong><span>二元组</span></strong><span>内容设置为</span><strong><span>标签组</span></strong><span>样式 </span><a href='#药丸标签'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' >&nbsp;</td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td style='text-align:left;' ><span>==</span></td></tr><tr><td><strong><span>音频、视频、注音</span></strong></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:left;' ><strong><span>引用、引用块</span></strong></td></tr><tr><td><span>- 为文档添加音频内容 </span><a href='#°音频'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- </span><strong><span>重要</span></strong><span>的引用指定使用</span><strong><span>突出</span></strong><span>的样式（如：重要提示） </span><a href='#彩虹引用'><span>…</span></a></td></tr><tr><td><span>- 为文档添加视频内容 </span><a href='#°视频'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- </span><strong><span>分栏</span></strong><span>（双栏 / 三栏 / 四栏）方式显示引用块 </span><a href='#分栏引用'><span>…</span></a></td></tr><tr><td><span>- 要给生</span><code>{僻}(pì)</code><span>字，或东亚小语种</span><strong><span>添加注音</span></strong><span> </span><a href='#°注音'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- </span><strong><span>引用</span></strong><span>的内容支持</span><strong><span>自定义折叠</span></strong><span> </span><a href='#折叠吧引用'><span>…</span></a></td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td style='text-align:left;' ><span>==</span></td></tr><tr><td><strong><span>代码块</span></strong></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:left;' ><strong><span>任务列表</span></strong></td></tr><tr><td><span>- 给每个代码块进行自动编号、</span><strong><span>添加题注</span></strong><span> </span><a href='#代码块自动编号与题注'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 任务列表的序号，给你找回来了 </span><a href='#任务列表自动编号'><span>…</span></a></td></tr><tr><td><span>- 代码块高亮当前行、一键复制代码 </span><a href='#代码块增强'><span>…</span></a></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><span>- 对于多级任务列表，「</span><strong><span>任务组完成状态</span></strong><span>」能自动识别了 </span><a href='#任务组完成状态'><span>…</span></a></td></tr></tbody></table></figure><h2 id='快速入坑°内容导航'><span>快速入坑°内容导航</span></h2><blockquote><h6 id='°-内容导航'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-nav-light.svg?mode=icon2x&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="°内容导航"><span> ° 内容导航</span></h6><hr /><p><strong><span>VLOOK™ 提供了对文档章节、插图、表格、多媒体提供了多种形式的导航、快速定位和内容组织的工具，全面改善和提高发布的 HTML 文件的浏览体验和效率。</span></strong></p><p><span>敬请你根据需要和喜好随时、轻松享用～</span></p><p><code>&gt;(cyan)</code></p></blockquote><p><span>![VLOOK™ 的「内容导航」工具及适用场景]</span></p><figure><table><thead><tr><th style='text-align:center;' ><strong><span>内容导航工具</span></strong></th><th><span>适用场景</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>导航中心</span></td><td><span>适用于按目录、分类内容索引（目录/插图/表格/多媒体/代码块）进行</span><strong><span>全文档</span></strong><span>跨章节的快速定位 </span><a href='#导航中心'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>逐章导航</span></td><td><span>适用于前后章节相关度高，</span><strong><span>按章节</span></strong><span>顺序一章一章进行浏览 </span><a href='#逐章导航'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>逐段导航</span></td><td><span>适用于文档评审或演示，</span><strong><span>按段落</span></strong><span>一段一段进行聚焦式浏览 </span><a href='#段落导航'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>插图导航</span></td><td><span>适用于</span><strong><span>按图索骥</span></strong><span>，快速浏览文档中的插图，以及快速</span><strong><span>定位</span></strong><span>到文档中对应的位置 </span><a href='#插图导航'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>文库导航</span></td><td><span>适用于将相关话题、内容的文档简介、链接，通过一个独立页面进行快速浏览和跳转 </span><a href='#文库导航'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>脚注导航</span></td><td><span>直接在当面位置进行显示脚注，避免来回跳转 </span><a href='#脚注导航'><span>…</span></a></td></tr></tbody></table></figure><h2 id='快速入坑°演示与出版辅助'><span>快速入坑°演示与出版辅助</span></h2><blockquote><h6 id='°-演示与出版辅助'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-pres-light.svg?mode=icon2x&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="°演示与出版辅助"><span> ° 演示与出版辅助</span></h6><hr /><p><strong><span>VLOOK™ 独创性地为 Markdown 导出的 HTML 提供了强大的演示与出版辅助工具，让 Typora + VLOOK 成为更具生产力的 Markdown 文档解决方案。</span></strong></p><p><span>非常适合现场和远程的演示辅助工具，敬请为你的 Markdown 开启 Turbo 模式～</span></p><p><code>&gt;(orange)</code></p></blockquote><p><span>![VLOOK™ 的「演示辅助」工具及适用场景]</span></p><figure><table><thead><tr><th style='text-align:center;' ><strong><span>演示辅助工具</span></strong></th><th><span>适用场景</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>聚光灯</span></td><td><span>对屏幕内容的局部进行视觉</span><strong><span>聚焦</span></strong><span> </span><a href='#聚光灯'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>激光笔</span></td><td><span>对文档内容进行</span><strong><span>精确指向</span></strong><span> </span><a href='#激光笔'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>表格阅读模式</span></td><td><span>针对表格内容，特别是行、列关联性强的</span><strong><span>表格</span></strong><span>，快速识别</span><strong><span>纵横关联</span></strong><span>的单元格序列 </span><a href='#表格阅读模式'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>画中画</span></td><td><span>插图/表格/代码块 一键开启「画中画」浮动显示，方便在文档相关内容间对比 </span><a href='#画中画'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>刮刮卡</span></td><td><span>- 制作培训、猜迷互动类文档时，希望将预置的</span><strong><span>答案隐藏</span></strong><span>起来 </span><a href='#刮刮卡'><span>…</span></a></td></tr></tbody></table></figure><p><span>![VLOOK™ 的「出版辅助」工具及适用场景]</span></p><figure><table><thead><tr><th style='text-align:center;' ><strong><span>出版辅助工具</span></strong></th><th><span>适用场景</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>章节标题自动编号</span></td><td><span>对文档内的章节标题进行</span><strong><span>自动分级编号</span></strong><span> </span><a href='#章节标题自动编号'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>自定义欢迎页内容</span></td><td><span>对文档在加载过程中显示欢迎语内容 </span><a href='#自定义欢迎页内容'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>文档内容检查</span></td><td><span>对文档的</span><strong><span>图片、音频、视频、页内链接</span></strong><span>等内容进行检查并提示 </span><a href='#内容失效检查'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>链接识别与优化</span></td><td><strong><span>自动识别</span></strong><span>并提示文档内的</span><strong><span>链接</span></strong><span>类型，并针对外链进行了</span><strong><span>优化</span></strong><span> </span><a href='#链接识别与优化'><span>…</span></a></td></tr><tr><td style='text-align:center;' ><span>适配打印输出</span></td><td><span>在打印前将文档的样式调整和简化，以</span><strong><span>适配打印</span></strong><span>输出的应用需要 </span><a href='#适配打印输出'><span>…</span></a></td></tr></tbody></table></figure><h2 id='快速入坑°主题与不杂项'><span>快速入坑°主题与不杂项</span></h2><blockquote><h6 id='°-主题与不杂项'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-theme-light.svg?mode=icon2x&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="°主题与不杂项"><span> ° 主题与不杂项</span></h6><hr /><p><span>「</span><strong><span>人类从来都是视觉动物，自己或他人在阅读时，让眼睛感受愉悦和美好，是一种美德、一种力量、一种信仰。</span></strong><span>」</span></p><p><span>　　　———— MAX°孟兆</span></p><p><code>&gt;(green)</code></p></blockquote><p><span>![VLOOK™ 的「主题与不杂项」特性]</span></p><figure><table><thead><tr><th><span>VLOOK™ 的「用户体验」特性</span></th><th><span>==</span></th><th><span>==</span></th></tr></thead><tbody><tr><td><strong><span>模板主题、字体主题</span></strong></td><td>&nbsp;</td><td><strong><span>不杂项</span></strong></td></tr><tr><td><span>为不同类型的文档设置不同的模板主题 </span><a href='#模板主题'><span>…</span></a></td><td><span>:</span></td><td><span>通过启动参数，自定义你的文档表现 </span><a href='#启动参数'><span>…</span></a></td></tr><tr><td><span>为文档选择不同的字体主题 </span><a href='#字体主题'><span>…</span></a></td><td><span>:</span></td><td><span>长内容会自动折叠了，长插图、长表格、长代码 </span><a href='#长内容自动折叠'><span>…</span></a></td></tr><tr><td><span>Dark Mode is NOW </span><a href='#dark-mode'><span>…</span></a></td><td><span>:</span></td><td><span>支持快捷键操作 </span><a href='#快捷键操作汇总'><span>…</span></a></td></tr><tr><td><span>为文档添加封面、封底 </span><a href='#封面封底'><span>…</span></a></td><td><span>:</span></td><td><span>支持跨平台、国际化、动效（如：毛玻璃） </span><a href='#跨平台动效支持'><span>…</span></a></td></tr><tr><td><span>更美观的公式 </span><a href='#更美观的公式'><span>…</span></a></td><td><span>:</span></td><td>&nbsp;</td></tr></tbody></table></figure><h1 id='°文档排版'><span>°文档排版</span></h1><h2 id='°表格'><span>°表格</span></h2><h3 id='表格单元格合并'><span>表格单元格合并</span></h3><p><span>「</span><strong><span>Markdown 粉呼声最高的是什么？———— 表格单元格合并！</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 现在可以轻松让你实现 —— </span><strong><span>Wow! Wow!</span></strong><span>～Markdown 粉们的欢呼声！！！</span></p><blockquote><h6 id='跨列合并横向合并）'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/i_merge1.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="←"><span> 跨列合并（横向合并）</span></h6><p><span>在要</span><mark><span>被合并</span></mark><span>的单元格内输入列合并标识 </span><code>==</code><span> 或 </span><code>&lt;&lt;</code><span>，该单元格将会与</span><mark><span>左侧相邻</span></mark><span>的单元格进行合并，以此类推。</span></p><p><code>&gt;(theme1)</code></p></blockquote><blockquote><h6 id='跨行合并纵向合并）'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/i_merge2.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="↑"><span> 跨行合并（纵向合并）</span></h6><p><span>在要</span><mark><span>被合并</span></mark><span>的单元格内输入行合并标识 </span><code>:</code><span> 或 </span><code>^^</code><span>，该单元格将会与</span><mark><span>上方相邻</span></mark><span>的单元格进行合并，以此类推。</span></p><p><code>&gt;(theme2)</code></p></blockquote><h6 id='示例-1－普通单元格的横向合并纵向合并'><span>示例 1－普通单元格的横向合并、纵向合并</span></h6><figure><table><thead><tr><th><strong><span>列 A</span></strong></th><th><span>列 B</span></th><th><span>列 C</span></th><th><mark><span>列</span></mark><span> D</span></th><th><span>列 E</span></th><th><span>列 F</span></th><th><span>列 G</span></th></tr></thead><tbody><tr><td><span>纵向合并</span><code>#×3#(gray)</code></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>纵向合并</span><code>#×5#(gray)</code></td></tr><tr><td><span>:</span></td><td><span>纵向合并</span><code>#×2#(gray)</code></td><td><span>横向合并</span><code>#×4#(gray)</code></td><td><span>==</span></td><td><span>==</span></td><td><span>==</span></td><td><span>:</span></td></tr><tr><td><span>:</span></td><td><span>:</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>:</span></td></tr><tr><td><span>普通单元格</span></td><td><span>纵向并</span><code>#×3#(gray)</code></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>:</span></td></tr><tr><td><span>普通单元格</span></td><td><span>:</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>:</span></td></tr><tr><td><span>普通单元格</span></td><td><span>:</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>:</span></td></tr></tbody></table></figure><h6 id='示例-2－表头纵向横向合并'><span>示例 2－表头纵向、横向合并</span></h6><figure><table><thead><tr><th><span>列 A 纵向合并</span><code>#×2#(gray)</code></th><th><span>列 B 横向合并</span><code>#×2#(gray)</code></th><th><span>==</span></th><th style='text-align:center;' ><span>列 D 纵向合并</span><code>#×3#(gray)</code></th><th><span>列 E 横向合并</span><code>#×3#(gray)</code></th><th><span>&lt;&lt;</span></th><th><span>&lt;&lt;</span></th></tr></thead><tbody><tr><td><span>:</span></td><td><span>二级列头</span></td><td><span>二级列头</span></td><td style='text-align:center;' ><span>^^</span></td><td><span>这是二级列头</span><br><span>E1.1</span></td><td><span>二级列头</span></td><td><span>二级列头</span></td></tr><tr><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td style='text-align:center;' ><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td></tr><tr><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td style='text-align:center;' ><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td></tr></tbody></table></figure><h6 id='示例-3－表头纵向横向合并'><span>示例 3－表头纵向、横向合并</span></h6><figure><table><thead><tr><th><span>列 A 纵向合并</span><code>#×3#(gray)</code></th><th><span>列 B 横向合并</span><code>#×4#(gray)</code></th><th><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th><span>==</span></th><th><span>列 F 纵向合并</span><code>#×3#(gray)</code></th><th><span>列 G 纵向合并</span><code>#×3#(gray)</code></th></tr></thead><tbody><tr><td><span>:</span></td><td><span>二级列头 B1</span></td><td><span>==</span></td><td style='text-align:center;' ><span>二级列头 B2</span></td><td><span>==</span></td><td><span>:</span></td><td><span>:</span></td></tr><tr><td><span>^^</span></td><td><span>二级列头 B11</span></td><td><span>三级列头 B12</span></td><td style='text-align:center;' ><span>三级列头 B21</span></td><td><span>三级列头 B21</span></td><td><span>:</span></td><td><span>:</span></td></tr><tr><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td style='text-align:center;' ><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td></tr><tr><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td style='text-align:center;' ><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格列格式常规'><span>表格列格式：常规</span></h3><p><span>「</span><strong><span>Markdown 表格如何快速设置整列的格式（加粗、高亮、下划线、斜体、删除线）？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> SO EASY～ 只须在表头按以标准的 Markdown 或 GFM 的格式设置语法设置对应的格式即可实现这样的格式化。</span></p><blockquote><p><span>温故一下标准 Markdown 或 GFM 的格式语法：</span></p><p><code>**加粗**</code><span>、</span><code>*斜体*</code><span>、</span><code>~~删除线~~</code><span>、</span><code>==高亮==</code><span> 、</span><code>&lt;u&gt;下划线&lt;/u&gt;</code></p></blockquote><h6 id='示例-1－表格列格式常规化'><span>示例 1－表格列格式：常规化</span></h6><figure><table><thead><tr><th style='text-align:center;' ><strong><span>加粗</span></strong></th><th><em><span>斜体</span></em></th><th><u><span>下划线</span></u></th><th><mark><span>高亮</span></mark></th><th><del><span>删除线</span></del></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>单元格（横向合并）</span></td><td><span>==</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格</span></td><td><span>单元格</span><code>#标签组|标签#</code></td></tr><tr><td style='text-align:center;' ><span>单元格</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格内有</span><strong><span>加粗</span></strong><span>内容</span></td><td><span>单元格内容</span></td></tr><tr><td style='text-align:center;' ><span>单元格</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格内容</span></td><td><span>单元格有</span><code>行内代码</code><span>内容</span></td></tr></tbody></table></figure><h6 id='示例-2－表格列格式常规化格式嵌套）'><span>示例 2－表格列格式：常规化（格式嵌套）</span></h6><figure><table><thead><tr><th style='text-align:center;' ><strong><span>普通列</span></strong></th><th style='text-align:left;' ><span>嵌套的常规格式</span></th><th><span>==</span></th><th><span>==</span></th><th><span>==</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>:</span></td><td style='text-align:left;' ><mark><u><span>高亮＋下划线</span></u></mark></td><td><strong><em><u><span>加粗＋斜体＋下划线</span></u></em></strong></td><td><mark><strong><span>加粗＋高亮</span></strong></mark></td><td><del><strong><span>删除线+加粗列</span></strong></del></td></tr><tr><td style='text-align:center;' ><span>A</span></td><td style='text-align:left;' ><span>单元格 afgiklo 10</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格</span></td><td><span>单元格</span><code>#标签组|标签#</code></td></tr><tr><td style='text-align:center;' ><span>B</span></td><td style='text-align:left;' ><span>单元格 afgiklo 10</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格内有</span><strong><span>加粗</span></strong><span>内容</span></td><td><span>单元格内有内容</span></td></tr><tr><td style='text-align:center;' ><span>C</span></td><td style='text-align:left;' ><span>单元格 afgiklo 10</span></td><td><span>单元格 afgiklo 10</span></td><td><span>单元格内容</span></td><td><span>单元格有</span><code>行内代码</code><span>内容</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格列格式数值百分数货币'><span>表格列格式：数值、百分数、货币</span></h3><p><span>「</span><strong><span>除常规的格式外，还有更高级的格式要求？数字、百分数、货币……一个都不能少！</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 可以支持对「数值类」内容进行整列的自动格式设置了！方式依然的很优雅，很 VLOOK！</span></p><blockquote><p><span>将表格列的对齐设置为「</span><strong><span>右对齐</span></strong><span>」，即可自动识别不同的数值内容进行自动进行格式化！</span></p></blockquote><blockquote><h6 id='普通数值自动格式化'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/i_digital.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="普通数值"><span>「普通数值」自动格式化</span></h6><ul><li><span>添加千位符，并以更小字号显示小数部分</span></li><li><span>通过在数字前增加「正号 </span><code>+</code><span>」或「负号 </span><code>-</code><span>」，会通过不同的颜色突出显示</span></li></ul><p><code>&gt;(red)</code></p></blockquote><h6 id='示例－普通数字'><span>示例－普通数字</span></h6><figure><table><thead><tr><th><span>原始内容</span></th><th style='text-align:center;' ><span>数值情况</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th>&nbsp;</th><th style='text-align:right;' ><span>数值列</span></th></tr></thead><tbody><tr><td><span>:</span></td><td style='text-align:center;' ><span>[ ] 含小数</span></td><td style='text-align:center;' ><span>[ ] 正数</span></td><td style='text-align:center;' ><span>[ ] 负数</span></td><td style='text-align:center;' ><span>[ ] 超三位</span></td><td><span>:</span></td><td style='text-align:right;' ><span>:</span></td></tr><tr><td><span>123</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td style='text-align:right;' ><span>123</span></td></tr><tr><td><span>-12345</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>-12345</span></td></tr><tr><td><span>+5678.00</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>+5678.00</span></td></tr><tr><td><span>-2345678.00</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>-2345678.00</span></td></tr></tbody></table></figure><blockquote><p><span>[+] 表格列头说明</span></p><blockquote><p><strong><span>原始内容</span></strong><span>：被 VLOOK™ 自动格式化前的样式</span></p><p><strong><span>数值列</span></strong><span>：被 VLOOK™ 自动格式化后的样式</span></p></blockquote></blockquote><blockquote><h6 id='百分数自动格式化'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/i_percent.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="百分数"><span>「百分数」自动格式化</span></h6><ul><li><span>自动继承「普通数字」的格式</span></li><li><span>以更小字号和视觉弱化来显示百分号 </span><code>%</code><span>，并以进度条比例显示对应的百分数值</span></li></ul><p><code>&gt;(blue)</code></p></blockquote><h6 id='示例－百分数'><span>示例－百分数</span></h6><figure><table><thead><tr><th><span>原始内容</span></th><th style='text-align:center;' ><span>数值情况</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th>&nbsp;</th><th style='text-align:right;' ><span>数值列</span></th></tr></thead><tbody><tr><td><span>:</span></td><td style='text-align:center;' ><span>[ ] 含小数</span></td><td style='text-align:center;' ><span>[ ] 正数</span></td><td style='text-align:center;' ><span>[ ] 负数</span></td><td style='text-align:center;' ><span>[ ] 超三位</span></td><td><span>:</span></td><td style='text-align:right;' ><span>:</span></td></tr><tr><td><span>79%</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td style='text-align:right;' ><span>79%</span></td></tr><tr><td><span>88.88%</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>:</span></td><td style='text-align:right;' ><span>88.88%</span></td></tr><tr><td><span>+38%</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>:</span></td><td style='text-align:right;' ><span>+38%</span></td></tr><tr><td><span>-57.30%</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td><span>:</span></td><td style='text-align:right;' ><span>-57.30%</span></td></tr><tr><td><span>100%</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>:</span></td><td style='text-align:right;' ><span>100%</span></td></tr></tbody></table></figure><blockquote><h6 id='货币自动格式'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/i_currency.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="货币"><span>「货币」自动格式</span></h6><ul><li><span>自动继承「普通数字」的格式</span></li><li><span>对货币符号（如：</span><code>¥</code><span> </span><code>$</code><span>），或货币简写（如：</span><code>CNY</code><span> </span><code>USD</code><span> </span><code>HKD</code><span>等）进行左侧对齐和视觉弱化</span></li></ul><p><code>#注意#(red)</code><span> 货币符号，或货币简写与金额数值之间须以空格分隔</span></p><p><code>&gt;(brown)</code></p></blockquote><h6 id='示例－货币'><span>示例－货币</span></h6><figure><table><thead><tr><th style='text-align:center;' ><strong><span>币种</span></strong></th><th><span>原始内容</span></th><th style='text-align:center;' ><span>数值情况</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th>&nbsp;</th><th style='text-align:right;' ><strong><span>数值列</span></strong></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>:</span></td><td><span>:</span></td><td style='text-align:center;' ><span>[ ] 含小数</span></td><td style='text-align:center;' ><span>[ ] 正数</span></td><td style='text-align:center;' ><span>[ ] 负数</span></td><td style='text-align:center;' ><span>[ ] 超三位</span></td><td><span>:</span></td><td style='text-align:right;' ><span>:</span></td></tr><tr><td style='text-align:center;' ><span>人民币</span></td><td><span>￥ +123456.99</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td>&nbsp;</td><td style='text-align:right;' ><span>￥ +123456.99</span></td></tr><tr><td style='text-align:center;' ><span>:</span></td><td><span>CNY 987654.99</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>CNY 987654.99</span></td></tr><tr><td style='text-align:center;' >&nbsp;</td><td><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td style='text-align:right;' ><span>==</span></td></tr><tr><td style='text-align:center;' ><span>港元</span></td><td><span>HK</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="15.21ex" height="2.26ex" role="img" focusable="false" viewBox="0 -749.5 6723 999" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.564ex;"><defs><path id="MJX-2-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path><path id="MJX-2-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-2-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-2-TEX-N-36" d="M42 313Q42 476 123 571T303 666Q372 666 402 630T432 550Q432 525 418 510T379 495Q356 495 341 509T326 548Q326 592 373 601Q351 623 311 626Q240 626 194 566Q147 500 147 364L148 360Q153 366 156 373Q197 433 263 433H267Q313 433 348 414Q372 400 396 374T435 317Q456 268 456 210V192Q456 169 451 149Q440 90 387 34T253 -22Q225 -22 199 -14T143 16T92 75T56 172T42 313ZM257 397Q227 397 205 380T171 335T154 278T148 216Q148 133 160 97T198 39Q222 21 251 21Q302 21 329 59Q342 77 347 104T352 209Q352 289 347 316T329 361Q302 397 257 397Z"></path><path id="MJX-2-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-2-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-2-TEX-N-38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z"></path><path id="MJX-2-TEX-N-7C" d="M139 -249H137Q125 -249 119 -235V251L120 737Q130 750 139 750Q152 750 159 735V-235Q151 -249 141 -249H139Z"></path><path id="MJX-2-TEX-I-1D43B" d="M228 637Q194 637 192 641Q191 643 191 649Q191 673 202 682Q204 683 219 683Q260 681 355 681Q389 681 418 681T463 682T483 682Q499 682 499 672Q499 670 497 658Q492 641 487 638H485Q483 638 480 638T473 638T464 637T455 637Q416 636 405 634T387 623Q384 619 355 500Q348 474 340 442T328 395L324 380Q324 378 469 378H614L615 381Q615 384 646 504Q674 619 674 627T617 637Q594 637 587 639T580 648Q580 650 582 660Q586 677 588 679T604 682Q609 682 646 681T740 680Q802 680 835 681T871 682Q888 682 888 672Q888 645 876 638H874Q872 638 869 638T862 638T853 637T844 637Q805 636 794 634T776 623Q773 618 704 340T634 58Q634 51 638 51Q646 48 692 46H723Q729 38 729 37T726 19Q722 6 716 0H701Q664 2 567 2Q533 2 504 2T458 2T437 1Q420 1 420 10Q420 15 423 24Q428 43 433 45Q437 46 448 46H454Q481 46 514 49Q520 50 522 50T528 55T534 64T540 82T547 110T558 153Q565 181 569 198Q602 330 602 331T457 332H312L279 197Q245 63 245 58Q245 51 253 49T303 46H334Q340 38 340 37T337 19Q333 6 327 0H312Q275 2 178 2Q144 2 115 2T69 2T48 1Q31 1 31 10Q31 12 34 24Q39 43 44 45Q48 46 59 46H65Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Q285 635 228 637Z"></path><path id="MJX-2-TEX-I-1D43E" d="M285 628Q285 635 228 637Q205 637 198 638T191 647Q191 649 193 661Q199 681 203 682Q205 683 214 683H219Q260 681 355 681Q389 681 418 681T463 682T483 682Q500 682 500 674Q500 669 497 660Q496 658 496 654T495 648T493 644T490 641T486 639T479 638T470 637T456 637Q416 636 405 634T387 623L306 305Q307 305 490 449T678 597Q692 611 692 620Q692 635 667 637Q651 637 651 648Q651 650 654 662T659 677Q662 682 676 682Q680 682 711 681T791 680Q814 680 839 681T869 682Q889 682 889 672Q889 650 881 642Q878 637 862 637Q787 632 726 586Q710 576 656 534T556 455L509 418L518 396Q527 374 546 329T581 244Q656 67 661 61Q663 59 666 57Q680 47 717 46H738Q744 38 744 37T741 19Q737 6 731 0H720Q680 3 625 3Q503 3 488 0H478Q472 6 472 9T474 27Q478 40 480 43T491 46H494Q544 46 544 71Q544 75 517 141T485 216L427 354L359 301L291 248L268 155Q245 63 245 58Q245 51 253 49T303 46H334Q340 37 340 35Q340 19 333 5Q328 0 317 0Q314 0 280 1T180 2Q118 2 85 2T49 1Q31 1 31 11Q31 13 34 25Q38 41 42 43T65 46Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="33" xlink:href="#MJX-2-TEX-N-33"></use><use data-c="34" xlink:href="#MJX-2-TEX-N-34" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-2-TEX-N-35" transform="translate(1000,0)"></use><use data-c="36" xlink:href="#MJX-2-TEX-N-36" transform="translate(1500,0)"></use><use data-c="2E" xlink:href="#MJX-2-TEX-N-2E" transform="translate(2000,0)"></use><use data-c="37" xlink:href="#MJX-2-TEX-N-37" transform="translate(2278,0)"></use><use data-c="38" xlink:href="#MJX-2-TEX-N-38" transform="translate(2778,0)"></use></g><g data-mml-node="mo" transform="translate(3278,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3556,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3834,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4112,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4390,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4668,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-2-TEX-N-7C"></use></g><g data-mml-node="mi" transform="translate(4946,0)"><use data-c="1D43B" xlink:href="#MJX-2-TEX-I-1D43B"></use></g><g data-mml-node="mi" transform="translate(5834,0)"><use data-c="1D43E" xlink:href="#MJX-2-TEX-I-1D43E"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>3456.78</mn><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mi>H</mi><mi>K</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex"> 3456.78 ||||||HK</script><span> 3456.78</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td style='text-align:right;' >&nbsp;</td></tr><tr><td style='text-align:center;' ><span>:</span></td><td><span>HKD 3456.78</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>HKD 3456.78</span></td></tr><tr><td style='text-align:center;' >&nbsp;</td><td><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td style='text-align:right;' ><span>==</span></td></tr><tr><td style='text-align:center;' ><span>美元</span></td><td><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="11.819ex" height="2.26ex" role="img" focusable="false" viewBox="0 -749.5 5224 999" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.564ex;"><defs><path id="MJX-3-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-3-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-3-TEX-N-2E" d="M78 60Q78 84 95 102T138 120Q162 120 180 104T199 61Q199 36 182 18T139 0T96 17T78 60Z"></path><path id="MJX-3-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path><path id="MJX-3-TEX-N-38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z"></path><path id="MJX-3-TEX-N-7C" d="M139 -249H137Q125 -249 119 -235V251L120 737Q130 750 139 750Q152 750 159 735V-235Q151 -249 141 -249H139Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mo"><use data-c="2B" xlink:href="#MJX-3-TEX-N-2B"></use></g><g data-mml-node="mn" transform="translate(778,0)"><use data-c="35" xlink:href="#MJX-3-TEX-N-35"></use><use data-c="35" xlink:href="#MJX-3-TEX-N-35" transform="translate(500,0)"></use><use data-c="35" xlink:href="#MJX-3-TEX-N-35" transform="translate(1000,0)"></use><use data-c="2E" xlink:href="#MJX-3-TEX-N-2E" transform="translate(1500,0)"></use><use data-c="33" xlink:href="#MJX-3-TEX-N-33" transform="translate(1778,0)"></use><use data-c="38" xlink:href="#MJX-3-TEX-N-38" transform="translate(2278,0)"></use></g><g data-mml-node="mo" transform="translate(3556,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3834,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4112,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4390,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4668,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(4946,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-3-TEX-N-7C"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mo>+</mo><mn>555.38</mn><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo></math></mjx-assistive-mml></mjx-container><script type="math/tex"> +555.38 ||||||</script><span> +555.38</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td style='text-align:right;' >&nbsp;</td></tr><tr><td style='text-align:center;' ><span>:</span></td><td><span>USD 555</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>:</span></td><td style='text-align:right;' ><span>USD 555</span></td></tr><tr><td style='text-align:center;' >&nbsp;</td><td><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td style='text-align:right;' ><span>==</span></td></tr><tr><td style='text-align:center;' ><span>澳元</span></td><td><span>AU</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="12.862ex" height="2.26ex" role="img" focusable="false" viewBox="0 -749.5 5685 999" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.564ex;"><defs><path id="MJX-4-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-4-TEX-N-36" d="M42 313Q42 476 123 571T303 666Q372 666 402 630T432 550Q432 525 418 510T379 495Q356 495 341 509T326 548Q326 592 373 601Q351 623 311 626Q240 626 194 566Q147 500 147 364L148 360Q153 366 156 373Q197 433 263 433H267Q313 433 348 414Q372 400 396 374T435 317Q456 268 456 210V192Q456 169 451 149Q440 90 387 34T253 -22Q225 -22 199 -14T143 16T92 75T56 172T42 313ZM257 397Q227 397 205 380T171 335T154 278T148 216Q148 133 160 97T198 39Q222 21 251 21Q302 21 329 59Q342 77 347 104T352 209Q352 289 347 316T329 361Q302 397 257 397Z"></path><path id="MJX-4-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-4-TEX-N-38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z"></path><path id="MJX-4-TEX-N-39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z"></path><path id="MJX-4-TEX-N-7C" d="M139 -249H137Q125 -249 119 -235V251L120 737Q130 750 139 750Q152 750 159 735V-235Q151 -249 141 -249H139Z"></path><path id="MJX-4-TEX-I-1D434" d="M208 74Q208 50 254 46Q272 46 272 35Q272 34 270 22Q267 8 264 4T251 0Q249 0 239 0T205 1T141 2Q70 2 50 0H42Q35 7 35 11Q37 38 48 46H62Q132 49 164 96Q170 102 345 401T523 704Q530 716 547 716H555H572Q578 707 578 706L606 383Q634 60 636 57Q641 46 701 46Q726 46 726 36Q726 34 723 22Q720 7 718 4T704 0Q701 0 690 0T651 1T578 2Q484 2 455 0H443Q437 6 437 9T439 27Q443 40 445 43L449 46H469Q523 49 533 63L521 213H283L249 155Q208 86 208 74ZM516 260Q516 271 504 416T490 562L463 519Q447 492 400 412L310 260L413 259Q516 259 516 260Z"></path><path id="MJX-4-TEX-I-1D448" d="M107 637Q73 637 71 641Q70 643 70 649Q70 673 81 682Q83 683 98 683Q139 681 234 681Q268 681 297 681T342 682T362 682Q378 682 378 672Q378 670 376 658Q371 641 366 638H364Q362 638 359 638T352 638T343 637T334 637Q295 636 284 634T266 623Q265 621 238 518T184 302T154 169Q152 155 152 140Q152 86 183 55T269 24Q336 24 403 69T501 205L552 406Q599 598 599 606Q599 633 535 637Q511 637 511 648Q511 650 513 660Q517 676 519 679T529 683Q532 683 561 682T645 680Q696 680 723 681T752 682Q767 682 767 672Q767 650 759 642Q756 637 737 637Q666 633 648 597Q646 592 598 404Q557 235 548 205Q515 105 433 42T263 -22Q171 -22 116 34T60 167V183Q60 201 115 421Q164 622 164 628Q164 635 107 637Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mn"><use data-c="35" xlink:href="#MJX-4-TEX-N-35"></use><use data-c="36" xlink:href="#MJX-4-TEX-N-36" transform="translate(500,0)"></use><use data-c="37" xlink:href="#MJX-4-TEX-N-37" transform="translate(1000,0)"></use><use data-c="38" xlink:href="#MJX-4-TEX-N-38" transform="translate(1500,0)"></use><use data-c="39" xlink:href="#MJX-4-TEX-N-39" transform="translate(2000,0)"></use></g><g data-mml-node="mo" transform="translate(2500,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(2778,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3056,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3334,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3612,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mo" transform="translate(3890,0) translate(0 -0.5)"><use data-c="7C" xlink:href="#MJX-4-TEX-N-7C"></use></g><g data-mml-node="mi" transform="translate(4168,0)"><use data-c="1D434" xlink:href="#MJX-4-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(4918,0)"><use data-c="1D448" xlink:href="#MJX-4-TEX-I-1D448"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mn>56789</mn><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mo stretchy="false">|</mo><mi>A</mi><mi>U</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex"> 56789 ||||||AU</script><span> 56789</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td style='text-align:right;' >&nbsp;</td></tr><tr><td style='text-align:center;' ><span>:</span></td><td><span>AUD -56789</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>:</span></td><td style='text-align:right;' ><span>AUD -56789</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格列格式复选框'><span>表格列格式：复选框</span></h3><p><span>「</span><strong><span>表格的列格式，除了排版格式外，如果希望能支持复选框（勾选框）呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 虽然要求有点高了，但也可以实现，将整列自动设置为「复选框」格式了！</span></p><blockquote><p><span>表格列头内容前，添加 </span><code>[(空格)](空格)</code><span>（如 </span><code>[ ] 必填项</code><span> ），就可以为该列自动设置为 </span><code>未选择</code><span> 的状态。</span></p><p>&nbsp;</p><p><span>若要独立指定某单元格的复选框选择状态，可以这样：</span></p><ul><li><span>单元格的内容以 </span><code>[x]</code><span> 开头，则会自动设置为 </span><code>已选择</code><span> 状态；</span></li><li><span>单元格的内容以 </span><code>[-]</code><span> 开头，则会自动设置为 </span><code>不确定选择</code><span> 状态。</span></li></ul></blockquote><h6 id='示例－复选框列格式'><span>示例－「复选框」列格式</span></h6><figure><table><thead><tr><th style='text-align:center;' ><strong><span>复选框样式</span></strong></th><th style='text-align:center;' ><span>[ ] 复选框列</span></th><th><span>说明</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>留空</span></td><td style='text-align:center;' >&nbsp;</td><td><span>默认为</span><code>未选择</code><span>的状态</span></td></tr><tr><td style='text-align:center;' ><span>已选择</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>指定为</span><code>已选择</code><span>的状态</span></td></tr><tr><td style='text-align:center;' ><span>不确定选择</span></td><td style='text-align:center;' ><span>[-]</span><br><span>当值 ≥ 0 时</span></td><td><span>指定为</span><code>不确定选择</code><span>的状态</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格自动编号与题注'><span>表格自动编号与题注</span></h3><p><span>「</span><strong><span>文档中的表格很多，怎么才能像 Word 那样添加编号和题注呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须任何设置，即可自动对文档内所有「表格」进行统一的自动编号，编号内容举例：</span><code>表 1</code><span> </span><code>表 2</code></p><blockquote><h6 id='单题注'><span>单题注</span></h6><p><span>若希望为表格在自动编号之后，添加指定的题注，如：</span><code>表 1. 2020 年全球经济体 GDP 排名</code></p><ul><li><span>在表格前添加 </span><code>1～6 级</code><span> 任间一级标题（快捷键</span><kbd><span>Ctrl</span></kbd><span>+</span><kbd><span>1～6</span></kbd><span>，或</span><kbd><span>Command</span></kbd><span>+</span><kbd><span>1～6</span></kbd><span>）</span></li><li><span>输入期望作为题注的内容</span></li></ul><blockquote><p><span>若没有指定题注，VLOOK™ 会自动以表格文字内容（头尾片断）作为题注</span></p></blockquote><p><code>&gt;(theme1)</code></p></blockquote><h6 id='示例－单题注'><span>示例－单题注</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th><span>列 B</span></th><th><span>列 C</span></th><th><span>列 D</span></th><th><span>列 E</span></th></tr></thead><tbody><tr><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td></tr></tbody></table></figure><blockquote><h6 id='双题注'><span>双题注</span></h6><p><span>VLOOK™ 通过模仿 Markdown 添加图片的语法，实现对双题注的支持。</span></p><ul><li><span>语法：</span><code>![默认题注]&quot;第2题注&quot;</code><span>，其中的「第 2 题注」内容为可选</span></li><li><span>该内容可为一个 </span><code>6 级标题</code><span>，也可以为单独一行文本</span></li></ul><p><code>#注意#(red)</code><span> 题注内容发布后会被隐藏，若要保留原始 6 级标题内容，可另起一行进行题注的编写</span></p><p><code>&gt;(theme2)</code></p></blockquote><h6 id='示例－双题注这是表格的第二题注'><span>![示例－双题注]&quot;这是表格的第二题注&quot;</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th><span>列 B</span></th><th><span>列 C</span></th><th><span>列 D</span></th><th><span>列 E</span></th></tr></thead><tbody><tr><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td></tr><tr><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td><td><span>单元格内容</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格逐行自动编号'><span>表格逐行自动编号</span></h3><p><span>「</span><strong><span>表格有很多行，能像 Excel 一样有行号的话，那就更方便沟通和定位了……</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 可以一键实现对表格逐行进行自动编号！</span></p><blockquote><p><span>通过以下两种试，都可以为表格的每一行进行自动编号：</span></p><ol start='' ><li><span>表格前添加一个 </span><code>6 级</code><span> 的标题（快捷键</span><kbd><span>Ctrl</span></kbd><span>+</span><kbd><span>6</span></kbd><span>，或</span><kbd><span>Command</span></kbd><span>+</span><kbd><span>6</span></kbd><span>）</span></li><li><span>在有序、无序列表下缩进的表格</span></li></ol></blockquote><h6 id='示例-1－表格前添加-6-级标题-1'><span>示例 1－表格前添加 6 级标题</span></h6><h6 id='示例-1－表格前添加-6-级标题-2'><span>示例 1－表格前添加 6 级标题</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th><span>列 B</span></th><th style='text-align:center;' ><span>列 C</span></th><th style='text-align:right;' ><span>列 D</span></th></tr></thead><tbody><tr><td><span>第一行</span></td><td><span>左对齐（长内容）</span></td><td style='text-align:center;' ><span>居中对齐</span></td><td style='text-align:right;' ><span>右对齐（长内容）</span></td></tr><tr><td><span>第二行（长内容）</span></td><td><span>左对齐</span></td><td style='text-align:center;' ><span>居中对齐（长内容）</span></td><td style='text-align:right;' ><span>右对齐</span></td></tr></tbody></table></figure><ul><li><p><strong><span>示例 2－在有序、无序列表下的缩进表格</span></strong></p><p><span>![示例 2－在有序、无序列表下的缩进表格]</span></p><figure><table><thead><tr><th><span>列 A</span></th><th><span>列 B</span></th><th style='text-align:center;' ><span>列 C</span></th><th style='text-align:right;' ><span>列 D</span></th></tr></thead><tbody><tr><td><span>第一行</span></td><td><span>左对齐（长内容）</span></td><td style='text-align:center;' ><span>居中对齐</span></td><td style='text-align:right;' ><span>右对齐（长内容）</span></td></tr><tr><td><span>第二行（长内容）</span></td><td><span>左对齐</span></td><td style='text-align:center;' ><span>居中对齐（长内容）</span></td><td style='text-align:right;' ><span>右对齐</span></td></tr></tbody></table></figure></li></ul><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格行分组折叠'><span>表格行分组折叠</span></h3><p><span>「</span><strong><span>表格行都是一维的数据，但如果表格的数据有层次关系怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 可以对文档（如 PRD、API 类文档）在同一个表格内，会对属于同一类或同一级的多行进行分组和折叠。</span></p><blockquote><p><span>对于作为下级的行，在表格行的首列通过以下规则即可实现自动分组和折叠：</span></p><ul><li><span>使用 Markdown 的引用的语法 </span><code>&gt;(空格)</code><span>，即可表示该行缩进一级，其前一行即为上一级的分组</span></li><li><span>多个 </span><code>&gt;</code><span> 表示缩进多级，如三级缩进 </span><code>&gt;&gt;&gt;(空格)</code></li></ul><p><code>#注意#</code><span> 该单元格的内容不能独立设置部分内容的格式，如：部分文字加粗、高亮、换行等</span></p></blockquote><h6 id='写法如下第-2-列所示'><span>写法如下第 2 列所示</span></h6><figure><table><thead><tr><th><span>分组分级</span></th><th><span>写法举例</span></th></tr></thead><tbody><tr><td><span>一级缩进</span></td><td><span>&gt; 这是一级缩进</span></td></tr><tr><td><span>二级缩进</span></td><td><span>&gt;&gt; 这是二级缩进</span></td></tr><tr><td><span>三级缩进</span></td><td><span>&gt;&gt;&gt; 这是三级缩进</span></td></tr><tr><td><span>（以此类推）</span></td><td><span>&lt;&lt;</span></td></tr></tbody></table></figure><h6 id='示例-1－表格行分组折叠'><span>示例 1－表格行分组折叠</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th style='text-align:center;' ><span>[ ] 勾选列</span></th><th><span>列 B</span></th><th><span>列 C</span></th></tr></thead><tbody><tr><td><span>普通行</span></td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>分组 1</span></td><td style='text-align:center;' ><span>[-]</span></td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>&gt; 这是属于分组 1 的内容 1.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行是被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 1 的内容 1.2</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行是被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>间隔了普通行</span></td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><strong><mark><span>带格式的分组 2</span></mark></strong></td><td style='text-align:center;' ><span>[-]</span></td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>&gt; 这是属于</span><strong><span>分组 2</span></strong><span> 的内容 2.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于</span><strong><span>分组 2</span></strong><span> 的内容 2.2</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于</span><strong><span>分组 2</span></strong><span> 的内容 2.3</span></td><td style='text-align:center;' ><span>[-]</span></td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt;&gt; 这是属于二级分组 2.3 的内容 2.3.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt;&gt; 这是属于二级分组 2.3 的内容 2.3.2</span></td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td><span>==</span></td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级分组 2.3.2 的内容 2.3.2.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.4</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>普通行</span></td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>空白内容的分组 3</span></td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>&gt;</span>&nbsp;<span>　</span>&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>数据项 1</span></td><td><span>数据项 A</span></td></tr><tr><td><span>&gt;</span>&nbsp;<span>　</span>&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>数据项 2</span></td><td><span>数据项 B</span></td></tr><tr><td><span>&gt;</span>&nbsp;<span>　</span>&nbsp;</td><td style='text-align:center;' >&nbsp;</td><td><span>数据项 3</span></td><td><span>数据项 C</span></td></tr></tbody></table></figure><h6 id='示例-2－表格行分组折叠'><span>示例 2－表格行分组折叠</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th style='text-align:center;' ><span>[ ] 勾选列</span></th><th><span>列 B</span></th></tr></thead><tbody><tr><td><span>普通行</span></td><td style='text-align:center;' >&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>分组 1</span></td><td style='text-align:center;' ><span>[-]</span></td><td>&nbsp;</td></tr><tr><td><span>&gt; 这是属于分组 1 的内容 1.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 1 的内容 1.2</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行是被折叠的行</span></td></tr><tr><td><span>连续分组</span></td><td style='text-align:center;' ><span>[-]</span></td><td>&nbsp;</td></tr><tr><td><span>&gt; 这是属于</span><strong><span>连续分组</span></strong><span>的内容 2.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于连续分组的内容 2.2</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于</span><strong><mark><span>连续分组</span></mark></strong><span>的内容 2.3</span></td><td style='text-align:center;' ><span>[-]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt; 这是属于二级</span><strong><span>分组 2.3</span></strong><span> 的内容 2.3.1</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt; 这是属于二级</span><strong><span>分组 2.3</span></strong><span> 的内容 2.3.2</span></td><td style='text-align:center;' ><span>[-]</span></td><td>&nbsp;</td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级</span><strong><span>分组 2.3.2</span></strong><span> 的内容 2.3.2.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级分组 2.3.2 的内容 2.3.2.2</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级分组 2.3.2 的内容 2.3.2.3</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级分组 2.3.2 的内容 </span><strong><span>2.3.2.4</span></strong></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt;&gt;&gt; 这是属于分组 </span><strong><span>2.3.2.4</span></strong><span> 的内容 2.3.4.1</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt;&gt;&gt; 这是属于三级分组 2.3.2 的内容 2.3.2.5</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.4</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.5</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.6</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.7</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.8</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.9</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.10</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>&gt; 这是属于分组 2 的内容 2.11</span></td><td style='text-align:center;' >&nbsp;</td><td><span>该行为被折叠的行</span></td></tr><tr><td><span>普通行</span></td><td style='text-align:center;' ><span>[x]</span></td><td><span>单元格内容</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='表格重复显示表头'><span>表格重复显示表头</span></h3><p><span>「</span><strong><span>表格太长了，看着看着都分不清哪列是哪列了，希望能在设置重复显示表头，该怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 这可算是表格中的高阶应用了，现在 VLOOK™ 也可以轻松实现了～</span></p><blockquote><p><span>只需要在表头第一个单元格内容的末尾输入表头重复标识 </span><code>(空格)##</code><span>，则该表格的表头就会自动根据预置的规则进行重复显示。</span></p><p>&nbsp;</p><p><strong><span>预置规则：</span></strong></p><ul><li><span>对于没有</span><a href='#表格行分组折叠'><span>行分组</span></a><span>的表格，自动以「表格页」为单位进行重复显示（每表格页为 15 行）</span></li><li><span>对于带</span><a href='#表格行分组折叠'><span>行分组</span></a><span>的表格，默认在行分组展开后在分组行上显示对应的列头（前提是对应的单元格无内容），收起后则自动隐藏</span></li></ul><p><code>#注意#</code></p><ol start='' ><li><span>重复表头会根据表头行数、表体行数情况进行自动适配；</span></li><li><span>若每「表格页」尾行刚才好有跨行合并的单元格，或为表格的最后一行，会延伸到没有合并单元格的行时才显示，或跳过不显示。</span></li></ol></blockquote><p><span>![示例 1－按分组重复表头]</span></p><figure><table><thead><tr><th><span>列 A ##</span></th><th><span>列 B</span></th><th><span>==</span></th><th><span>==</span></th><th><span>列 C</span></th></tr></thead><tbody><tr><td><span>:</span></td><td><span>列 B.1</span></td><td><span>列 B.2</span></td><td><span>列 B.3</span></td><td><span>:</span></td></tr><tr><td><span>分组 1</span></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>&gt;  1.1</span></td><td><span>【列 2.1】的内容 1</span></td><td><span>【列 2.2】的内容 2</span></td><td><span>【列 2.3】的内容 3</span></td><td><span>普通单元格</span></td></tr><tr><td><span>&gt;  1.2</span></td><td><span>【列 2.1】的内容 2</span></td><td><span>【列 2.2】的内容 2</span></td><td><span>【列 2.3】的内容 3</span></td><td><span>普通单元格</span></td></tr><tr><td><span>分组 2</span></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td><span>&gt;  2.1</span></td><td><span>【列 2.1】的内容 1</span></td><td><span>【列 2.2】的内容 2</span></td><td><span>【列 2.3】的内容 3</span></td><td><span>普通单元格</span></td></tr><tr><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td><td><span>普通单元格</span></td></tr></tbody></table></figure><h6 id='示例-2－按页重复表头单行表头）'><span>示例 2－按页重复表头（单行表头）</span></h6><figure><table><thead><tr><th><span>列 A ##</span></th><th><span>列 B</span></th><th><span>列 C</span></th><th><span>==</span></th><th><span>列 D</span></th></tr></thead><tbody><tr><td><span>单元格 1</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 2</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 3</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 4</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 5</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 6</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 7</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 8</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 9</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 10</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 11</span></td><td><span>:</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 12</span></td><td><span>:</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 13</span></td><td><span>:</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 14</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 15</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 16</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 17</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 18</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr></tbody></table></figure><h6 id='示例-3－按页重复表头多行表头）'><span>示例 3－按页重复表头（多行表头）</span></h6><figure><table><thead><tr><th><span>列 A ##</span></th><th><span>列 B</span></th><th><span>列 C</span></th><th><span>==</span></th><th><span>列 D</span></th></tr></thead><tbody><tr><td><span>:</span></td><td><span>:</span></td><td><span>列 C.1</span></td><td><span>列 C.2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 1</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 2</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 3</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 4</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 5</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 6</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 7</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 8</span></td><td><span>:</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 9</span></td><td><span>:</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 10</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>单元格 D</span></td></tr><tr><td><span>单元格 11</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 12</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td><span>:</span></td></tr><tr><td><span>单元格 13</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 14</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 15</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 16</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 17</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr><tr><td><span>单元格 18</span></td><td><span>单元格</span></td><td><span>单元格 C1</span></td><td><span>单元格 C2</span></td><td>&nbsp;</td></tr></tbody></table></figure><h3 id='表格当前行指标器'><span>表格当前行指标器</span></h3><p><span>「</span><strong><span>在编辑，或浏览表格内容时，希望能知道哪行是当前行～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 这个可以有，锦上添花的事不嫌多～</span></p><blockquote><ul><li><span>使用了 VLOOK™ 的主题后，在 Typora 中编辑表格，或浏览 HTML 时能自动生效；</span></li><li><span>鼠标滑过表格行时，在其左侧会通过突出的</span><strong><span>游标</span></strong><span>进行指标，便于辨识出当前行。</span></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°图片'><span>°图片</span></h2><h3 id='插图自动编号与题注'><span>插图自动编号与题注</span></h3><p><span>「</span><strong><span>文档中的图片很多，怎么才能像 Word 那样添加编号和题注呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 对于独占一行的图片，或强制指定</span><a href='#图片显示版式'><span>显示版式</span></a><span>为插图的，VLOOK™ 会将以其「插图</span><sup class='md-footnote'><a href='#dfref-footnote-1' name='ref-footnote-1'>1</a></sup><span>」的形式处理，如统一自动编号和题注，编号内容举例：</span><code>图 1</code><span> </span><code>图 2</code></p><blockquote><h6 id='🖼-为图片添加题注'><span>🖼 为「图片」添加题注</span></h6><p><span>只要按以 Markdown 的语法添加图片就可以实现，即：</span><code>![图片标题](图片URL &quot;可选子标题&quot;)</code></p><ul><li><strong><span>单题注：</span></strong><span>以上 </span><code>图片标题</code><span> 即为题注的内容，如：</span><code>![这是图片的题注](图片URL)</code></li><li><strong><span>双题注：</span></strong><span>以上 </span><code>可选子标题</code><span> 即为第 2 题注的内容，如：</span><code>![这是图片的题注](图片URL &quot;这是图片的第2题注&quot;)</code><span>。</span></li></ul><blockquote><p><span>若没有指定或可用的题注内容，VLOOK™ 会自动以图片文件名作为题注</span></p></blockquote><p><code>#注意#(red)</code><span> 以上语法中的「可选子标题」与「图片URL」间须以「英文空格」进行分隔</span></p><hr /><p><strong><span>示例：</span></strong><span>图片题注，</span><a href='#示例－长图片双题注'><span>去看一看 ❯</span></a></p></blockquote><blockquote><h6 id='🔀-为mermaid-图表添加题注'><span>🔀 为「Mermaid 图表」添加题注</span></h6><p><span>添加的方式与为「表格」添加题注方式是一致的 … </span><a href='#表格自动编号与题注'><span>了解详情 ❯</span></a></p><blockquote><p><span>若没有指定题注，VLOOK™ 会自动以 Mermaid 图表中的文字内容作为题注</span></p></blockquote><hr /><p><strong><span>示例：</span></strong><span>Mermaid 题注，</span><a href='#mermaid-的流程图'><span>去看一看 ❯</span></a></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='插图对齐方式'><span>插图对齐方式</span></h3><p><span>「</span><strong><span>希望可以自由设置插图的对齐式，同时保持 Markdown 的简洁性？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 在 Markdown 对图片千篇一律的排版的反馈中，尝试打开了一道小小的裂缝～</span></p><blockquote><h6 id='图片对齐'><span>图片对齐</span></h6><p><span>可在「图片 URL」中添加 VLOOK™ 规范的参数来启用这一特性（只针对插图）：</span></p><ul><li><span>参数：</span><code>align=xxx</code></li></ul></blockquote><h6 id='图片不同对齐方式的-url-参数align）的取值及用法'><span>图片不同对齐方式的 URL 参数（align）的取值及用法</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>对齐方式</span></th><th><span>说明</span></th><th><span>完整语法参考</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>left</span></td><td><span>左对齐（默认的对齐方式）</span></td><td><code>![图片](xxx.png?align=left)</code></td></tr><tr><td style='text-align:center;' ><span>center</span></td><td><span>居中对齐</span></td><td><code>![图片](xxx.png?align=center)</code></td></tr><tr><td style='text-align:center;' ><span>right</span></td><td><span>右对齐</span></td><td><code>![图片](xxx.png?align=right)</code></td></tr></tbody></table></figure><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h6 id='示例-1-1'><span>示例</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?darksrc=invert" referrerpolicy="no-referrer" alt="左对齐"></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?darksrc=invert&amp;align=center" referrerpolicy="no-referrer" alt="居中对齐"></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?darksrc=invert&amp;align=right" referrerpolicy="no-referrer" alt="右对齐"></p><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='图片适配高分屏'><span>图片适配高分屏</span></h3><p><span>「</span><strong><span>高分屏看到的图片会变得模糊，Markdown 的图片语法又不支持不同分辨率图片集，怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 保持 Markdown 图片语法不变的情况下，轻松在高分辨率的屏幕上显示高清分辨率的图片！</span></p><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数来启用这一特性：</span></p><ul><li><span>图片 URL 参数：</span><code>srcset=@2x,@3x</code></li></ul></blockquote><h6 id='图片不同分辨率的-url-参数srcset）的取值及用法'><span>图片不同分辨率的 URL 参数（srcset）的取值及用法</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>高清类型</span></th><th><span>URL 参数</span></th><th><span>完整语法参考</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>仅 2x</span></td><td><span>srcset=</span><code>2x图片路径</code><span>@2x</span><br><span>或 srcset=@2x</span></td><td><code>![图片题注](标准分辨率图.png?srcset=这是2x图.png@2x)</code></td></tr><tr><td style='text-align:center;' ><span>仅 3x</span></td><td><span>srcset=</span><code>3x图片路径</code><span>@3x</span><br><span>或 srcset=@3x</span></td><td><code>![图片题注](标准分辨率图.png?srcset=这是3x图.png@3x)</code></td></tr><tr><td style='text-align:center;' ><span>同时适配</span></td><td><span>srcset=</span><code>2x图片路径</code><span>@2x,</span><code>3x图片路径</code><span>@3x</span><br><span>或 srcset=@2x,@3x</span></td><td><code>![图片题注](标准分辨率图.png?srcset=这是2x图.png@2x,这是3x图.png@3x)</code></td></tr></tbody></table></figure><blockquote><p><code>#Tips 1#(orange)</code><span> 如果高清图片名称是 </span><code>图片@2x.png</code><span> </span><code>图片@3x.png</code><span> 这类格式，则无须填写对应的图片名，如：</span><code>srcset=@2x,@3x</code></p><p><code>#Tips 2#(orange)</code><span> 高清图片与标准分辨率图片若在同一目录或 URL 下，可只写文件名部分，否则须填写完整的图片 URL</span></p><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h6 id='示例-2-1'><span>示例</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/iphone-home-light.png?mode=figure&amp;padding=true&amp;darksrc=iphone-home-dark.png" referrerpolicy="no-referrer" alt="普通分辨率图片"><span>　　</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/iphone-home-light.png?mode=figure&amp;padding=true&amp;darksrc=iphone-home-dark.png&amp;srcset=@2x&amp;darksrcset=@2x" referrerpolicy="no-referrer" alt="支持 2x 分辨率图片"><span>　　</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/iphone-home-light.png?mode=figure&amp;padding=true&amp;darksrc=iphone-home-dark.png&amp;srcset=@2x,@3x&amp;darksrcset=@2x,@3x" referrerpolicy="no-referrer" alt="支持 2x, 3x 分辨率的图片"></p><blockquote><p><span>💡 </span><strong><span>没有准备高清图片，也希望不模糊？</span></strong></p><ul><li><span>如果临时没有图片的高清分辨率，VLOOK™ 也可以将其转换 2x 资源，这样在高分屏上也能提高图片显示清晰度（但图片大小会相应缩小 50%）</span></li><li><span>可通过「</span><a href='#启动参数'><span>启动参数</span></a><span>」来启用这一特性。</span></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='图片适配-dark-mode'><span>图片适配 Dark Mode</span></h3><p><span>「</span><strong><span>系统开启 Dark Mode 后，图片显示得有点不太和谐，怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 支持指定图片在 Dark Mode 时的适配方式，目前支持</span><strong><span>反色</span></strong><span>和</span><strong><span>替换</span></strong><span>，满足不同的需求！</span></p><h4 id='适配方式反色'><span>适配方式：反色</span></h4><blockquote><p><strong><span>特别适合「黑/白/灰」类型的图片</span></strong></p><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><ul><li><span>URL 参数：</span><code>darksrc=invert</code></li></ul><p><span>你现在就可以试试按下键盘的</span><kbd><span>D</span></kbd><span>键，然后看看下面两个插图的变化～</span></p></blockquote><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h6 id='示例-3'><span>示例</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/iphone.jpg?mode=figure&amp;padding=true&amp;srcset=@2x" referrerpolicy="no-referrer" alt="默认不适配 Dark Mode"><span>　　</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/iphone.jpg?mode=figure&amp;padding=true&amp;srcset=@2x&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Dark Mode 时：图片反色"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h4 id='适配方式替换'><span>适配方式：替换</span></h4><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><p><span>URL 参数：</span></p><ul><li><span>普通分辨率的图片：</span><code>darksrc=xxx.jpg</code></li><li><span>适配高分屏分辨率的图片（可选）：</span><code>darksrcset=...</code><span>，该参数的用法</span><mark><span>适配高分屏</span></mark><span>的 </span><code>srcset</code><span> 保持一致，详见「</span><a href='#图片适配高分屏'><span>图片适配高分屏</span></a><span>」</span></li></ul><p><span>你现在就可以试试按下键盘的</span><kbd><span>D</span></kbd><span>键，然后看看下面两个插图的变化～</span></p><p>&nbsp;</p><p><code>#注意#(red)</code><span> </span><strong><span>若高分辨率图片资源较大，切换为 Dark Mode 后须等待指定的图片资源加载完成后才会被替换</span></strong></p></blockquote><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h6 id='示例-4'><span>示例</span></h6><p><img src="https://z3.ax1x.com/2021/01/15/swDZlQ.png?mode=figure&amp;padding=true&amp;srcset=swDeyj.png@2x,swDmOs.png@3x" referrerpolicy="no-referrer" alt="默认不适配 Dark Mode"><span>　　</span><img src="https://z3.ax1x.com/2021/01/15/swDZlQ.png?mode=figure&amp;darksrc=swBrss.png&amp;padding=true&amp;srcset=swDeyj.png@2x,swDmOs.png@3x&amp;darksrcset=swBgoV.png@2x,swB6Zq.png@3x" referrerpolicy="no-referrer" alt="Dark Mode 时：替换成指定图片"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='图片显示版式'><span>图片显示版式</span></h3><p><span>「</span><strong><span>希望统一图文混排的图标大小，以及指定图片不以「插图」形式被处理，该怎么操作呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 在 VLOOK™ 中图片是默认以「插图」或「混排」形式进行呈现，同时可在不影响 Markdown 的简洁和优雅的前提下，实现支持多种不同的显示版式。</span></p><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><ul><li><span>URL 参数：</span><code>mode=xxx</code></li></ul></blockquote><h6 id='图片不同显示版式的-url-参数mode）的取值及用法'><span>图片不同显示版式的 URL 参数（mode）的取值及用法</span></h6><figure><table><thead><tr><th><span>版式类型</span></th><th style='text-align:center;' ><span>版式标识</span></th><th><span>应用说明</span></th><th><span>完整语法参考</span></th></tr></thead><tbody><tr><td><span>图标版式</span></td><td style='text-align:center;' ><span>icon</span></td><td><span>缩小为与单行正文高度适配的小图标</span><br><span>主要用于与正文内容进行混排</span></td><td><code>![图片](xxx.png?mode=icon)</code></td></tr><tr><td><span>:</span></td><td style='text-align:center;' ><span>icon</span><strong><mark><span>2x</span></mark></strong></td><td><span>比 </span><code>icon</code><span> 尺寸增大 60%</span></td><td><code>![图片](xxx.png?mode=icon2x)</code></td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td><span>==</span></td></tr><tr><td><span>logo 版式</span></td><td style='text-align:center;' ><span>logo</span></td><td><span>不调整图片大小，且不为作「插图」</span><br><span>主要用于展示图片的原始大小和样式</span></td><td><code>![图片](xxx.png?mode=logo)</code></td></tr><tr><td><span>:</span></td><td style='text-align:center;' ><span>logo</span><strong><mark><span>l</span></mark></strong></td><td><span>在 </span><code>logo</code><span> 基础上，支持文字环绕排版（图片</span><strong><span>左</span></strong><span>对齐）</span></td><td><code>![图片](xxx.png?mode=logol)</code></td></tr><tr><td><span>:</span></td><td style='text-align:center;' ><span>logo</span><strong><mark><span>r</span></mark></strong></td><td><span>在 </span><code>logo</code><span> 基础上，支持文字环绕排版（图片</span><strong><span>右</span></strong><span>对齐）</span></td><td><code>![图片](xxx.png?mode=logor)</code></td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td><span>==</span></td></tr><tr><td><span>画框版式</span></td><td style='text-align:center;' ><span>frame</span></td><td><span>与 </span><code>logo</code><span> 模式类似，但增加了边框</span></td><td><code>![图片](xxx.png?mode=frame)</code></td></tr><tr><td><span>:</span></td><td style='text-align:center;' ><span>framel==**</span></td><td><span>在 </span><code>frame</code><span> 基础上，支持文字环绕排版（图片</span><strong><span>左</span></strong><span>对齐）</span></td><td><code>![图片](xxx.png?mode=framel)</code></td></tr><tr><td><span>:</span></td><td style='text-align:center;' ><span>frame</span><strong><mark><span>r</span></mark></strong></td><td><span>在 </span><code>frame</code><span> 基础上，支持文字环绕排版（图片</span><strong><span>右</span></strong><span>对齐）</span></td><td><code>![图片](xxx.png?mode=framer)</code></td></tr><tr><td>&nbsp;</td><td style='text-align:center;' ><span>==</span></td><td><span>==</span></td><td><span>==</span></td></tr><tr><td><span>插图版式</span></td><td style='text-align:center;' ><span>figure</span></td><td><span>强制指定为插图，主要用于一行多图的情况，</span><br><span>对于独占一行的图片默认为插图，无须指定</span></td><td><code>![图片](xxx.png?mode=figure)</code></td></tr></tbody></table></figure><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h4 id='图片版式示例icon'><span>图片版式示例：icon</span></h4><ul><li><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-light.svg?mode=icon&amp;darksrc=vlook-dark.svg" referrerpolicy="no-referrer" alt="VLOOK"><span> </span><strong><span>VLOOK™</span></strong><span> 是 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/oschina.png?mode=icon" referrerpolicy="no-referrer" alt="OSChina"><span> </span><strong><a href='https://www.oschina.net/p/vlook'><span>开源中国</span></a></strong><span> 推荐的国产开源项目，也许是目前最好的 Markdown 增强插件之一</span></li><li><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-light.svg?mode=icon2x&amp;darksrc=vlook-dark.svg" referrerpolicy="no-referrer" alt="VLOOK"><span> </span><strong><span>VLOOK™</span></strong><span> 是 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/oschina.png?mode=icon2x" referrerpolicy="no-referrer" alt="OSChina"><span> </span><strong><a href='https://www.oschina.net/p/vlook'><span>开源中国</span></a></strong><span> 推荐的国产开源项目，也许是目前最好的 Markdown 增强插件之一</span></li></ul><h4 id='图片版式示例logo'><span>图片版式示例：logo</span></h4><h6 id='指定为-logo-模式'><span>指定为 </span><code>logo</code><span> 模式</span></h6><ul><li><span>对于深色的图片或图标，可配合「</span><a href='#图片适配-dark-mode'><span>图片适配 Dark Mode</span></a><span>」来自动更好适配 Dark Mode 下的显示，现在就试试按下键盘的</span><kbd><span>D</span></kbd><span>键，然后看看下图的变化～</span></li></ul><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-mark-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Logo 模式"><span> </span></p><hr /><h6 id='指定为-logol-模式'><span>指定为 </span><code>logol</code><span> 模式</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-mark-light.svg?mode=logol&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Logo 模式：图片左对齐＋文字环绕"><span>　　</span><strong><span>设置为 logol 模式后，实现图片左对齐＋文字环绕的排版效果</span></strong><span>。我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK。</span></p><hr /><h6 id='指定为-logor-模式'><span>指定为 </span><code>logor</code><span> 模式</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-mark-light.svg?mode=logor&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Logo 模式：图片右对齐＋文字环绕"><span>　　</span><strong><span>设置为 logor 模式后，实现图片右对齐＋文字环绕的排版效果</span></strong><span>。我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK，我来凑些字数 Hello VLOOK。</span></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='一行多图适配'><span>一行多图适配</span></h3><p><span>「</span><strong><span>在指定图片版式为 logo / frame 等情况，在一行内编排多个图片后，自动换行后两行图片间没有间隔，怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 这个可以有，相关图片可以添加针对多组内容自动换行后的适配样式～</span></p><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><ul><li><span>URL 参数：</span><code>inline=true</code></li></ul></blockquote><h6 id='示例－一行多图适配'><span>示例－一行多图适配</span></h6><p><a href='#模板主题'><span>详见这里 ❯</span></a></p><h3 id='图片颜色替换'><span>图片颜色替换</span></h3><p><span>「</span><strong><span>希望文档中的图片能自动跟随文档主题本色，或文字颜色，而不用重新制作多个版本的图片资源</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 可以针对</span><a href='#图片显示版式'><span>显示版式</span></a><span>为 icon、logo 的图片（建议为透明背景的 png 或 svg 图片），按指定规则自动替换为指定的颜色。</span></p><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><ul><li><span>URL 参数：</span><code>fill=xxx</code></li></ul></blockquote><h6 id='图片颜色替换的-url-参数fill）的取值及用法'><span>图片颜色替换的 URL 参数（fill）的取值及用法</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>对齐方式</span></th><th><span>说明</span></th><th><span>完整语法参考</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>text</span></td><td><span>替换为所在段落文字的颜色（会自动适配 Dark Mode 和链接的样式）</span></td><td><code>![图片](xxx.png?fill=text)</code></td></tr><tr><td style='text-align:center;' ><span>theme1</span></td><td><span>替换为主题的主色</span></td><td><code>![图片](xxx.png?fill=theme1)</code></td></tr><tr><td style='text-align:center;' ><span>theme2</span></td><td><span>替换为主题的辅助色</span></td><td><code>![图片](xxx.png?fill=theme2)</code></td></tr></tbody></table></figure><h6 id='示例－链接内图片'><span>示例－链接内图片</span></h6><ul><li><span>什么是 </span><a href='https://en.wikipedia.org/wiki/Markdown'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark-solid.svg?mode=icon&amp;fill=text" referrerpolicy="no-referrer" alt="Markdown"><span> Markdown</span></a><span>？</span></li></ul><h6 id='示例－正文图文混排'><span>示例－正文图文混排</span></h6><ul><li><span>替换为</span><mark><span>文本的颜色</span></mark><span>：</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark-solid.svg?mode=icon&amp;fill=text" referrerpolicy="no-referrer" alt="Markdown"><span> Markdown 是一种专门针对网络写作的文本标记语言。</span></li><li><span>替换为</span><mark><span>主题的主色</span></mark><span>：</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark-solid.svg?mode=icon&amp;fill=theme1" referrerpolicy="no-referrer" alt="Markdown"><span> Markdown 是一种专门针对网络写作的文本标记语言。</span></li><li><span>替换为</span><mark><span>主题的辅助色</span></mark><span>：</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark-solid.svg?mode=icon&amp;fill=theme2" referrerpolicy="no-referrer" alt="Markdown"><span> Markdown 是一种专门针对网络写作的文本标记语言。</span></li></ul><h6 id='示例－彩虹引用及标题'><span>示例－彩虹引用及标题</span></h6><blockquote><h6 id='这是markdown-的-6-级标题'><span>这是</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?mode=icon&amp;fill=text" referrerpolicy="no-referrer" alt="Markdown"><span>Markdown 的 6 级标题</span></h6><p><span>这里是正文内容。</span></p><p><code>&gt;(pink)</code></p></blockquote><h6 id='示例－插图实验性）'><span>示例－插图（实验性）</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?mode=figure" referrerpolicy="no-referrer" alt="原始颜色"><span>　　</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/markdown-mark.svg?mode=figure&amp;fill=theme2" referrerpolicy="no-referrer" alt="颜色替换"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='图片网格背景'><span>图片网格背景</span></h3><p><span>「</span><strong><span>在使用工程或设计类的图片时，希望能自动添加统一的网格作为背景</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 支持针对透明背景的图片（如 PNG、SVG 格式图片），添加指定的网格背景。</span></p><blockquote><p><span>在「图片 URL」中添加 VLOOK™ 规范的参数的方式来启用这一特性：</span></p><ul><li><span>参数：</span><code>grid=xxx</code></li></ul><p><span>该特性自动适配 </span><a href='#dark-mode'><span>Dark Mode</span></a><span> 的应用场景。</span></p></blockquote><h6 id='图片网格背景的-url-参数grid）的取值及用法'><span>图片网格背景的 URL 参数（grid）的取值及用法</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>网络背景风格</span></th><th><span>说明</span></th><th><span>完整语法参考</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>line</span></td><td><span>添加线条风格的网格背景</span></td><td><code>![图片](xxx.png?grid=line)</code></td></tr><tr><td style='text-align:center;' ><span>block</span></td><td><span>添加方块风格的网格背景</span></td><td><code>![图片](xxx.png?grid=block)</code></td></tr></tbody></table></figure><h6 id='示例-1－线条网格'><span>示例 1－线条网格</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-set.svg?grid=line&amp;darksrc=invert" referrerpolicy="no-referrer" alt="图片指定为线条网格背景" title="指定在 Dark Mode 时反色"></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-mark-light.svg?grid=line&amp;padding=true&amp;darksrc=vlook-mark-dark.svg" referrerpolicy="no-referrer" alt="图片指定为线条网络背景" title="指定在 Dark Mode 时替换为指定图片"></p><h6 id='示例-2－方块网格'><span>示例 2－方块网格</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-set.svg?grid=block&amp;darksrc=invert" referrerpolicy="no-referrer" alt="图片指定为方块网格背景" title="指定在 Dark Mode 时反色"></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-mark-dark.svg?mode=figure&amp;grid=block&amp;padding=true" referrerpolicy="no-referrer" alt="图片指定为方块网络背景" title="指定在 Dark Mode 时不处理"><span>　</span></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='图片边缘留白'><span>图片边缘留白</span></h3><p><span>「</span><strong><span>我的插图边缘没有留白，视觉上看得比较挤，可以怎么调整？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 在 Markdown 对图片千篇一律的排版的反馈中，叕尝试打开了一道小小的裂缝～</span></p><blockquote><h6 id='图片四边留白'><span>图片四边留白</span></h6><p><span>可在「图片 URL」中添加 VLOOK™ 规范的参数来启用这一特性：</span></p><ul><li><span>参数：</span><code>padding=true</code><span>，默认给插图的四边添加 </span><code>20px</code><span> 的留白</span></li><li><span>参数示例：</span><code>![图片题注](xxxxx.png?padding=true)</code></li></ul></blockquote><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><h6 id='示例-5'><span>示例</span></h6><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/remote-control.svg?mode=figure&amp;grid=block" referrerpolicy="no-referrer" alt="图片边缘不留白（默认）"><span>　　</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/remote-control.svg?mode=figure&amp;grid=block&amp;padding=true" referrerpolicy="no-referrer" alt="图片边缘添加留白"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°标签'><span>°标签</span></h2><p><span>「</span><strong><span>用 Markdown 写文档，想通过「标签」来区分或突出内容，这个想法会不会不现实呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 对 Markdown 行内代码（Code）语法 </span><code>` `</code><span> 进行了扩展，满足实用的「标签」排版需求！</span></p><p><span>例如：可以单个 </span><code>#标签#(orange)</code><span>，还可以是标签组 </span><code>#我是|药丸标签#(pink)</code><span>，继续往下看看就知道这是怎么做到的～</span></p><h3 id='彩虹标签'><span>彩虹标签</span></h3><blockquote><p><strong><span>语法：</span></strong><code>`#tag#(color)`</code></p><p><span>其中，</span></p><p><code>tag</code><span>：标签内容前后由 </span><code>#</code><span> 符号包裹</span></p><p><code>color</code><span>：可选。指定标签显示对应的预置颜色标识，不指定则默认为 </span><code>red</code></p></blockquote><h6 id='彩虹标签预置颜色标识及示例'><span>彩虹标签预置颜色标识及示例</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>预置颜色标识</span></th><th><span>语法示例</span></th><th><span>应用场景建议</span></th><th><span>渲染效果</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>red</span></td><td><code>` `#标签#(red)</code><span> ``</span></td><td><span>警告、危险、关键事项、删除</span></td><td><code>#标签#(red)</code></td></tr><tr><td style='text-align:center;' ><span>orange</span></td><td><code>` `#标签#(orange)</code><span> ``</span></td><td><span>提醒、注意、修复</span></td><td><code>#标签#(orange)</code></td></tr><tr><td style='text-align:center;' ><span>yellow</span></td><td><code>` `#标签#(yellow)</code><span> ``</span></td><td><span>关注、优化、备忘、说明</span></td><td><code>#标签#(yellow)</code></td></tr><tr><td style='text-align:center;' ><span>green</span></td><td><code>` `#标签#(green)</code><span> ``</span></td><td><span>提示、参考、新增</span></td><td><code>#标签#(green)</code></td></tr><tr><td style='text-align:center;' ><span>cyan</span></td><td><code>` `#标签#(cyan)</code><span> ``</span></td><td><span>引用、公告</span></td><td><code>#标签#(cyan)</code></td></tr><tr><td style='text-align:center;' ><span>blue</span></td><td><code>` `#标签#(blue)</code><span> ``</span></td><td><span>信息、资讯</span></td><td><code>#标签#(blue)</code></td></tr><tr><td style='text-align:center;' ><span>purple</span></td><td><code>` `#标签#(purple)</code><span> ``</span></td><td><span>延伸、扩展、保留、备用</span></td><td><code>#标签#(purple)</code></td></tr><tr><td style='text-align:center;' ><span>pink</span></td><td><code>` `#标签#(pink)</code><span> ``</span></td><td><span>年轻、个性、女性</span></td><td><code>#标签#(pink)</code></td></tr><tr><td style='text-align:center;' ><span>brown</span></td><td><code>` `#标签#(brown)</code><span> ``</span></td><td><span>稳定、金融、工程</span></td><td><code>#标签#(brown)</code></td></tr><tr><td style='text-align:center;' ><span>gray</span></td><td><code>` `#标签#(gray)</code><span> ``</span></td><td><span>无效、暂缓、停用、结束</span></td><td><code>#标签#(gray)</code></td></tr><tr><td style='text-align:center;' ><span>theme1</span></td><td><code>` `#标签#(theme1)</code><span> ``</span></td><td><span>使用当前 VLOOK™ 主题的主色</span></td><td><code>#标签#(theme1)</code></td></tr><tr><td style='text-align:center;' ><span>theme2</span></td><td><code>` `#标签#(theme2)</code><span> ``</span></td><td><span>使用当前 VLOOK™ 主题的辅助色</span></td><td><code>#标签#(theme2)</code></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='药丸标签'><span>药丸标签</span></h3><blockquote><p><strong><span>语法：</span></strong><code>`#tag1|tag2#(color)`</code></p><p><span>其中，</span></p><p><code>tag1</code><span> </span><code>tag2</code><span>：为两个标签的内容，由 </span><code>#</code><span> 包裹，并以英文竖线符号 </span><code>|</code><span> 作为分隔</span></p><p><code>color</code><span>：可选。指定标签显示对应的预置颜色标识，不指定则默认为 </span><code>(red)</code></p></blockquote><h6 id='药丸标签预置颜色及示例'><span>药丸标签预置颜色及示例</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>预置颜色标识</span></th><th><span>语法示例</span></th><th><span>应用场景建议</span></th><th><span>渲染效果</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>red</span></td><td><code>` `#标签组|标签#(red)</code><span> ``</span></td><td><span>警告、危险、关键事项、删除</span></td><td><code>#标签组|标签#(red)</code></td></tr><tr><td style='text-align:center;' ><span>orange</span></td><td><code>` `#标签组|标签#(orange)</code><span> ``</span></td><td><span>提醒、注意、修复</span></td><td><code>#标签组|标签#(orange)</code></td></tr><tr><td style='text-align:center;' ><span>yellow</span></td><td><code>` `#标签组|标签#(yellow)</code><span> ``</span></td><td><span>关注、优化、备忘、说明</span></td><td><code>#标签组|标签#(yellow)</code></td></tr><tr><td style='text-align:center;' ><span>green</span></td><td><code>` `#标签组|标签#(green)</code><span> ``</span></td><td><span>提示、备忘、参考、新增</span></td><td><code>#标签组|标签#(green)</code></td></tr><tr><td style='text-align:center;' ><span>cyan</span></td><td><code>` `#标签组|标签#(cyan)</code><span> ``</span></td><td><span>引用、公告</span></td><td><code>#标签组|标签#(cyan)</code></td></tr><tr><td style='text-align:center;' ><span>blue</span></td><td><code>` `#标签组|标签#(blue)</code><span> ``</span></td><td><span>信息、资讯</span></td><td><code>#标签组|标签#(blue)</code></td></tr><tr><td style='text-align:center;' ><span>purple</span></td><td><code>` `#标签组|标签#(purple)</code><span> ``</span></td><td><span>延伸、扩展、保留、备用</span></td><td><code>#标签组|标签#(purple)</code></td></tr><tr><td style='text-align:center;' ><span>pink</span></td><td><code>` `#标签组|标签#(pink)</code><span> ``</span></td><td><span>年轻、个性、女性</span></td><td><code>#标签组|标签#(pink)</code></td></tr><tr><td style='text-align:center;' ><span>brown</span></td><td><code>` `#标签组|标签#(brown)</code><span> ``</span></td><td><span>稳定、金融、工程</span></td><td><code>#标签组|标签#(brown)</code></td></tr><tr><td style='text-align:center;' ><span>gray</span></td><td><code>` `#标签组|标签#(gray)</code><span> ``</span></td><td><span>无效、暂缓、停用、结束</span></td><td><code>#标签组|标签#(gray)</code></td></tr><tr><td style='text-align:center;' ><span>theme1</span></td><td><code>` `#标签组|标签#(theme1)</code><span> ``</span></td><td><span>使用当前 VLOOK™ 主题的主色</span></td><td><code>#标签组|标签#(theme1)</code></td></tr><tr><td style='text-align:center;' ><span>theme2</span></td><td><code>` `#标签组|标签#(theme2)</code><span> ``</span></td><td><span>使用当前 VLOOK™ 主题的辅助色</span></td><td><code>#标签组|标签#(theme2)</code></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°引用'><span>°引用</span></h2><h3 id='彩虹引用'><span>彩虹引用</span></h3><p><span>「</span><strong><span>希望可以在 Markdown 文档中能拉个横幅或板子，在上面写上一些重要的事～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 通过对 Markdown 行内代码（Code）语法 </span><code>` `</code><span> 进行了扩展，满足实用的多色彩「引用」的排版需求！</span></p><blockquote><p><strong><span>语法：</span></strong><span> </span><code>`&gt;(color)`</code><span>，</span><mark><span>须添加到引用中，具体位置不限（如：首行、末尾）</span></mark></p><p><span>其中：</span></p><p><code>color</code><span>：指定标签显示对应的预置颜色标识，预置颜色标识与「</span><a href='#彩虹标签'><span>彩虹标签</span></a><span>」的颜色标识保持一致</span></p></blockquote><h6 id='示例-1－正文内的彩虹标签'><span>示例 1－正文内的彩虹标签</span></h6><blockquote><h6 id='彩虹引用-6-级标题-1'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-red.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="red"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>red</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(red)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-2'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-orange.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="orange"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>orange</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(orange)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-3'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-yellow.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="yellow"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>yellow</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(yellow)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-4'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-green.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="green"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>green</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(green)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-5'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-cyan.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="cyan"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>cyan</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(cyan)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-6'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-blue.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="blue"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>blue</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(blue)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-7'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-purple.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="purple"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>purple</code><span>　　　🛈进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(purple)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-8'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-pink.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="pink"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>pink</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(pink)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-9'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-brown.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="brown"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>brown</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(brown)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-10'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-gray.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="gray"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>gray</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(gray)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-11'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-theme1.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="theme1"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>theme1</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(theme1)</code></p></blockquote><blockquote><h6 id='彩虹引用-6-级标题-12'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-theme2.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="theme2"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>theme2</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(theme2)</code></p></blockquote><h6 id='示例-2－列表内的彩虹标签'><span>示例 2－列表内的彩虹标签</span></h6><ul><li><p><span>这是列表项，以下为列表项内的彩虹标签：</span></p><blockquote><h6 id='彩虹引用-6-级标题-13'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/qico-theme2.svg?mode=icon&amp;fill=text&amp;darksrc=invert" referrerpolicy="no-referrer" alt="theme2"><span> 彩虹引用 6 级标题</span></h6><p><span>这是一个彩虹引用，使用的颜色标识为：</span><code>theme2</code><span>　　　🛈 进一步了解</span><a href='#彩虹标签'><span>颜色标识</span></a></p><p><code>&gt;(theme2)</code></p></blockquote></li></ul><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='分栏引用'><span>分栏引用</span></h3><p><span>「</span><strong><span>希望可以横块分块（或分栏）方式显示同类内容，但 Markdown 标准中好像没有这样的灵活的排版方式～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 通过对特定组合使用的 Markdown 语法进行扩展，就可以满足你的这个灵活的排版需求！</span></p><blockquote><p><strong><span>语法：</span></strong><span>在「引用」前一段落添加「水平分割线」</span><code>---</code><span> </span></p><p><span>其中，添加</span><strong><span>一条</span></strong><span>水平分割表示双栏，</span><strong><span>两条</span></strong><span>表示三栏，</span><strong><span>三条</span></strong><span>表示四栏</span></p></blockquote><p><span>![双栏引用的 Markdown 语法示例]</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="markdown"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="markdown"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 35.99432373046875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 26px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation" style=""><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -25.99432373046875px; width: 26px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-hr">---</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">3</div></div><pre class=" cm-yaml CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">&gt; 分栏 1</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">4</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">5</div></div><pre class=" cm-yaml CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">&gt; 分栏 2</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 145px;"></div><div class="CodeMirror-gutters" style="height: 145px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 25px;"></div></div></div></div></pre><h6 id='示例－双栏引用'><span>示例－双栏引用</span></h6><hr /><blockquote><h6 id='双栏显示-1'><span>双栏显示：</span></h6><p><span>分栏 1</span></p></blockquote><blockquote><h6 id='双栏显示-2'><span>双栏显示：</span></h6><p><span>分栏 2</span></p></blockquote><h6 id='示例－三栏引用'><span>示例－三栏引用</span></h6><hr /><hr /><blockquote><h6 id='三栏显示-1'><span>三栏显示：</span></h6><p><span>第 1 行第 1 栏</span></p></blockquote><blockquote><h6 id='三栏显示-2'><span>三栏显示：</span></h6><p><span>第 1 行第 2 栏</span></p></blockquote><blockquote><h6 id='三栏显示-3'><span>三栏显示：</span></h6><p><span>第 1 行第 3 栏</span></p></blockquote><h6 id='示例－四栏引用'><span>示例－四栏引用</span></h6><hr /><hr /><hr /><blockquote><h6 id='四栏显示-1'><span>四栏显示：</span></h6><p><span>第 1 行第 1 栏</span></p></blockquote><blockquote><h6 id='四栏显示-2'><span>四栏显示：</span></h6><p><span>第 1 行第 2 栏</span></p></blockquote><blockquote><h6 id='四栏显示-3'><span>四栏显示：</span></h6><p><span>第 1 行第 3 栏</span></p></blockquote><blockquote><h6 id='四栏显示-4'><span>四栏显示：</span></h6><p><span>第 1 行第 4 栏</span></p></blockquote><h6 id='示例－多行分栏引用'><span>示例－多行分栏引用</span></h6><hr /><blockquote><h6 id='多行分栏显示-1'><span>多行分栏显示</span></h6><p><span>第 1 行第 1 栏</span></p><p><a href=''><kbd><span>超链接按钮 ❯</span></kbd></a></p><p><code>&gt;(orange)</code></p></blockquote><blockquote><h6 id='多行分栏显示-2'><span>多行分栏显示</span></h6><p><span>第 1 行第 2 栏</span></p><p><a href=''><kbd><span>超链接按钮 ❯</span></kbd></a></p><p><code>&gt;(green)</code></p></blockquote><hr /><blockquote><h6 id='多行分栏显示-3'><span>多行分栏显示</span></h6><p><span>第 2 行第 1 栏</span></p><p><a href=''><kbd><span>超链接按钮 ❯</span></kbd></a></p><p><code>&gt;(blue)</code></p></blockquote><blockquote><h6 id='多行分栏显示-4'><span>多行分栏显示</span></h6><p><span>第 2 行第 2 栏</span></p><p><a href=''><kbd><span>超链接按钮 ❯</span></kbd></a></p><p><code>&gt;(brown)</code></p></blockquote><hr /><hr /><blockquote><h6 id='多行三栏显示-1'><span>多行三栏显示：</span></h6><p><span>第 1 行第 1 栏</span></p></blockquote><blockquote><h6 id='多行三栏显示-2'><span>多行三栏显示：</span></h6><p><span>第 1 行第 2 栏</span></p></blockquote><blockquote><h6 id='多行三栏显示-3'><span>多行三栏显示：</span></h6><p><span>第 1 行第 3 栏</span></p></blockquote><hr /><hr /><blockquote><h6 id='多行三栏显示-4'><span>多行三栏显示：</span></h6><p><span>第 2 行第 1 栏</span></p></blockquote><blockquote><h6 id='多行三栏显示-5'><span>多行三栏显示：</span></h6><p><span>第 2 行第 2 栏</span></p></blockquote><blockquote><h6 id='多行三栏显示-6'><span>多行三栏显示：</span></h6><p><span>第 2 行第 3 栏</span></p></blockquote><hr /><hr /><hr /><blockquote><h6 id='多行四栏显示-1'><span>多行四栏显示：</span></h6><p><span>第 1 行第 1 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-2'><span>多行四栏显示：</span></h6><p><span>第 1 行第 2 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-3'><span>多行四栏显示：</span></h6><p><span>第 1 行第 3 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-4'><span>多行四栏显示：</span></h6><p><span>第 1行第 4 栏</span></p></blockquote><hr /><hr /><hr /><blockquote><h6 id='多行四栏显示-5'><span>多行四栏显示：</span></h6><p><span>第 2 行第 1 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-6'><span>多行四栏显示：</span></h6><p><span>第 2 行第 2 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-7'><span>多行四栏显示：</span></h6><p><span>第 2 行第 3 栏</span></p></blockquote><blockquote><h6 id='多行四栏显示-8'><span>多行四栏显示：</span></h6><p><span>第 2 行第 4 栏</span></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h3 id='折叠吧引用'><span>折叠吧引用</span></h3><p><span>「</span><strong><span>在编写 Markdown 文档时，对于部分内容较长的引用内容，希望在默认时能以折叠的形式存在，需要阅读时再点击打开。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 通过对 Markdown 「引用」</span><code>&gt;</code><span> 语法进行了扩展，实现对引用内容的动态的折叠、展开操作！</span></p><blockquote><p><span>语法：</span><code>&gt; [folder] title</code><span>，即在正常的引用语法的首行内容前，添加折叠引子</span></p><p><span>其中，</span></p><p><code>[folder]</code><span>：折叠引子，</span><code>[+]</code><span> - 默认为折叠，</span><code>[-]</code><span> - 默认为展开</span></p><p><code>title</code><span>：折叠引子的标题，与折叠引子以「英文空格」进行分隔</span></p><p>&nbsp;</p><p><strong><span>使用了该语法后，该行下方的二级引用块即可进行折叠/展开</span></strong></p></blockquote><h6 id='示例-1－实际应用效果'><span>示例 1－实际应用效果</span></h6><blockquote><p><span>[+] </span><strong><span>以下是默认折叠的「引用」内容</span></strong></p><blockquote><ul><li><span>这里默认为</span><mark><span>折叠</span></mark><span>的引用内容。</span></li></ul><p><span>[+] </span><strong><span>可支持多重引用的折叠</span></strong></p><blockquote><p><span>[+] 这里是第三重引用折叠的内容</span></p><blockquote><p><span>这是第三重引用的内容</span></p></blockquote></blockquote></blockquote><p><span>[-] 以下是是默认展开的「引用」内容</span></p><blockquote><p><span>这里默认为</span><mark><span>展开</span></mark><span>的引用内容。</span></p></blockquote></blockquote><h6 id='示例-1-对应的-markdown-源码内容'><span>示例 1 对应的 Markdown 源码内容</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="markdown"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="markdown"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 35.99432373046875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 26px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -25.99432373046875px; width: 26px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" cm-atom CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class=" cm-block-start cm-atom">&gt; </span><span class=" cm-atom">[+] 默认为折叠的引用的标题</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">2</div></div><pre class=" cm-atom CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class=" cm-block-start cm-number">&gt; &gt; </span><span class=" cm-number">这是被折叠的第 1 行的引用内容</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">3</div></div><pre class=" cm-atom CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class=" cm-block-start cm-number">&gt; &gt; </span><span class=" cm-number">这是被折叠的第 2 行的引用内容</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 87px;"></div><div class="CodeMirror-gutters" style="height: 87px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 25px;"></div></div></div></div></pre><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°mermaid'><span>°Mermaid</span></h2><h3 id='mermaid-图表自动编号与题注'><span>Mermaid 图表自动编号与题注</span></h3><p><span>「</span><strong><span>文档中的 Mermaid 图表，也希望可以像插图那样添加编号和题注</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须任何设置，即可自动对文档内所有「Mermaid 图表」进行统一的自动编号，编号内容举例：</span><code>插图 1</code><span> </span><code>插图 2</code><span>，命名和编号与</span><a href='#插图自动编号与题注'><span>插图</span></a><span>一致。</span></p><blockquote><p><span>给「Mermaid 图表」添加题注的方式，与给「表格」添加题注的方式是一致的 … </span><a href='#表格自动编号与题注'><span>了解详情 ❯</span></a></p><blockquote><p><span>若没有指定题注，VLOOK™ 会自动创建带有以 Mermaid 图表内文字内容为关键信息的自动题注</span></p></blockquote></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='样式优化'><span>样式优化</span></h3><p><span>「</span><strong><span>如果不喜欢 Mermaid 默认的样式，还希望自动适配 Dark Mode，怎么办？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 自动提供了深度的样式优化。</span></p><blockquote><p><strong><span>统一和优化样式：</span></strong></p><p><span>自动针对 Mermaid 的 </span><strong><span>饼图、流程图、状态机图、顺序图、类图、甘特图</span></strong><span> 进行样式优化，并支持 </span><a href='#dark-mode'><span>Dark Mode</span></a></p></blockquote><h6 id='mermaid-的流程图'><span>Mermaid 的流程图</span></h6><p><span>![流程图]&quot;（以上的「分支流程」内容由下图进行接续）&quot;</span></p><div class="md-diagram-panel md-fences-adv-panel"><svg id="mermaidChart0" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="439.3974609375" style="max-width: 847.3935546875px;" viewBox="-8 -8 847.3935546875 439.3974609375" class="md-require-zoom-fix"><style>#mermaidChart0{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart0 .error-icon{fill:#552222;}#mermaidChart0 .error-text{fill:#552222;stroke:#552222;}#mermaidChart0 .edge-thickness-normal{stroke-width:2px;}#mermaidChart0 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart0 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart0 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart0 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart0 .marker{fill:#333333;}#mermaidChart0 .marker.cross{stroke:#333333;}#mermaidChart0 svg{font-family:sans-serif;font-size:16px;}#mermaidChart0 .label{font-family:sans-serif;color:#333;}#mermaidChart0 .label text{fill:#333;}#mermaidChart0 .node rect,#mermaidChart0 .node circle,#mermaidChart0 .node ellipse,#mermaidChart0 .node polygon,#mermaidChart0 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart0 .node .label{text-align:center;}#mermaidChart0 .node.clickable{cursor:pointer;}#mermaidChart0 .arrowheadPath{fill:#333333;}#mermaidChart0 .edgePath .path{stroke:#333333;stroke-width:1.5px;}#mermaidChart0 .flowchart-link{stroke:#333333;fill:none;}#mermaidChart0 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaidChart0 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaidChart0 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaidChart0 .cluster text{fill:#333;}#mermaidChart0 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:sans-serif;font-size:12px;background:hsl(80,100%,96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaidChart0:root{--mermaid-font-family:sans-serif;}#mermaidChart0:root{--mermaid-alt-font-family:sans-serif;}#mermaidChart0 flowchart{fill:apa;}</style><g><g class="output"><g class="clusters"><g class="cluster" id="flowchart-子图-34" transform="translate(284.89805603027344,255.5986328125)" style="opacity: 1;"><rect width="343.3960876464844" height="335.59765625" x="-171.6980438232422" y="-167.798828125"></rect><g class="label" transform="translate(0, -153.798828125)" id="mermaidChart0Text"><g transform="translate(-17.600006103515625,-17.599609375)"><foreignObject width="35.20001220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">子图</div></foreignObject></g></g></g></g><g class="edgePaths"><g class="edgePath LS-START LE-node1" id="L-START-node1" style="opacity: 1;"><path class="path" d="M63.20001220703125,255.5986328125L88.20001220703125,255.5986328125L113.20001220703125,255.5986328125L138.20001220703125,255.5986328125" marker-end="url(#arrowhead50)" style="fill:none"></path><defs><marker id="arrowhead50" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-node1 LE-groud1" id="L-node1-groud1" style="opacity: 1;"><path class="path" d="M207.71986466131176,227.9990234375L276.0980529785156,150.3994140625L323.5960998535156,150.3994140625" marker-end="url(#arrowhead51)" style="fill:none"></path><defs><marker id="arrowhead51" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-node1 LE-clickable" id="L-node1-clickable" style="opacity: 1;"><path class="path" d="M228.60000610351562,255.5986328125L276.0980529785156,255.5986328125L325.0570373535156,255.5986328125" marker-end="url(#arrowhead52)" style="fill:none"></path><defs><marker id="arrowhead52" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-node1 LE-A1" id="L-node1-A1" style="opacity: 1;"><path class="path" d="M207.71986466131176,283.1982421875L276.0980529785156,360.7978515625L349.9964904785156,360.7978515625" marker-end="url(#arrowhead53)" style="fill:none"></path><defs><marker id="arrowhead53" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-groud1 LE-cond1" id="L-groud1-cond1" style="opacity: 1;"><path class="path" d="M431.5960998535156,150.3994140625L456.5960998535156,150.3994140625L516.7972717285156,150.3994140625L587.0980529785156,150.8994140625" marker-end="url(#arrowhead54)" style=" stroke-width: 3.5px;fill:none"></path><defs><marker id="arrowhead54" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-cond1 LE-END" id="L-cond1-END" style="opacity: 1;"><path class="path" d="M615.6836971258979,143.48505820988225L679.6957092285156,97.7998046875L758.5935516357422,62.387808012748565" marker-end="url(#arrowhead55)" style="fill:none"></path><defs><marker id="arrowhead55" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-cond1 LE-page2" id="L-cond1-page2" style="opacity: 1;"><path class="path" d="M619.4940093808785,154.5034576601371L679.6957092285156,169.2001953125L755.2933654785156,169.7001953125" marker-end="url(#arrowhead56)" style="fill:none;stroke-width:2px;stroke-dasharray:3;"></path><defs><marker id="arrowhead56" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-A2 LE-END" id="L-A2-END" style="opacity: 1;"><path class="path" d="M632.1976623535156,35.599609375L679.6957092285156,35.599609375L758.5935516357422,46.267991563201214" marker-end="url(#arrowhead57)" style="fill:none"></path><defs><marker id="arrowhead57" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(276.0980529785156,150.3994140625)" style="opacity: 1;"><g transform="translate(-22.498046875,-8.80078125)" class="label"><rect rx="0" ry="0" width="44.99609375" height="17.6015625"></rect><foreignObject width="44.99609375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>情况1</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(276.0980529785156,255.5986328125)" style="opacity: 1;"><g transform="translate(-22.498046875,-8.80078125)" class="label"><rect rx="0" ry="0" width="44.99609375" height="17.6015625"></rect><foreignObject width="44.99609375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>情况2</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(276.0980529785156,360.7978515625)" style="opacity: 1;"><g transform="translate(-22.498046875,-8.80078125)" class="label"><rect rx="0" ry="0" width="44.99609375" height="17.6015625"></rect><foreignObject width="44.99609375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>情况3</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(516.7972717285156,150.3994140625)" style="opacity: 1;"><g transform="translate(-35.201171875,-8.80078125)" class="label"><rect rx="0" ry="0" width="70.40234375" height="17.6015625"></rect><foreignObject width="70.40234375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>重要分支</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(679.6957092285156,97.7998046875)" style="opacity: 1;"><g transform="translate(-22.498046875,-8.80078125)" class="label"><rect rx="0" ry="0" width="44.99609375" height="17.6015625"></rect><foreignObject width="44.99609375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>条件1</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(679.6957092285156,169.2001953125)" style="opacity: 1;"><g transform="translate(-22.498046875,-8.80078125)" class="label"><rect rx="0" ry="0" width="44.99609375" height="17.6015625"></rect><foreignObject width="44.99609375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>条件2</span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-groud1-20" transform="translate(377.5960998535156,150.3994140625)" style="opacity: 1;"><rect rx="0" ry="0" x="-54" y="-27.599609375" width="108" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-44,-17.599609375)"><foreignObject width="88" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">流程组节点</div></foreignObject></g></g></g><g class="node default" id="flowchart-node1-18" transform="translate(183.40000915527344,255.5986328125)" style="opacity: 1;"><rect rx="5" ry="5" x="-45.19999694824219" y="-27.599609375" width="90.39999389648438" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-35.19999694824219,-17.599609375)"><foreignObject width="70.39999389648438" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">普通节点</div></foreignObject></g></g></g><g class="node default" id="flowchart-clickable-22" transform="translate(377.5960998535156,255.5986328125)" style="opacity: 1;"><rect rx="5" ry="5" x="-52.5390625" y="-27.599609375" width="105.078125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-42.5390625,-17.599609375)"><foreignObject width="85.078125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">普通节点 2</div></foreignObject></g></g></g><g class="node default" id="flowchart-A1-24" transform="translate(377.5960998535156,360.7978515625)" style="opacity: 1;"><circle x="-15.869537353515625" y="-27.599609375" r="27.599609375" class="label-container"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-5.869537353515625,-17.599609375)"><foreignObject width="11.73907470703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">A</div></foreignObject></g></g></g><g class="node default" id="flowchart-START-17" transform="translate(35.600006103515625,255.5986328125)" style="opacity: 1;"><rect rx="5" ry="5" x="-27.600006103515625" y="-27.599609375" width="55.20001220703125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-17.600006103515625,-17.599609375)"><foreignObject width="35.20001220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">开始</div></foreignObject></g></g></g><g class="node default" id="flowchart-cond1-26" transform="translate(604.5980529785156,150.3994140625)" style="opacity: 1;"><polygon points="18,0 36,-18 18,-36 0,-18" transform="translate(-18,18)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g></g><g class="node default" id="flowchart-END-28" transform="translate(786.1935577392578,50)" style="opacity: 1;"><rect rx="5" ry="5" x="-27.600006103515625" y="-27.599609375" width="55.20001220703125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-17.600006103515625,-17.599609375)"><foreignObject width="35.20001220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">结束</div></foreignObject></g></g></g><g class="node default" id="flowchart-page2-30" transform="translate(786.1935577392578,169.2001953125)" style="opacity: 1;"><polygon points="-27.599609375,0 90.39999389648438,0 90.39999389648438,-55.19921875 -27.599609375,-55.19921875 0,-27.599609375" transform="translate(-45.19999694824219,27.599609375)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-35.19999694824219,-17.599609375)"><foreignObject width="70.39999389648438" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">分支流程</div></foreignObject></g></g></g><g class="node default" id="flowchart-A2-31" transform="translate(604.5980529785156,35.599609375)" style="opacity: 1;"><circle x="-15.869537353515625" y="-27.599609375" r="27.599609375" class="label-container"></circle><g class="label" transform="translate(0,0)"><g transform="translate(-5.869537353515625,-17.599609375)"><foreignObject width="11.73907470703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">A</div></foreignObject></g></g></g></g></g></g></svg></div><p><span>![分支流程（接续上图）]</span></p><div class="md-diagram-panel md-fences-adv-panel"><svg id="mermaidChart1" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="79.19921875" style="max-width: 393.3994140625px;" viewBox="-13.7998046875 -8 393.3994140625 79.19921875" class="md-require-zoom-fix"><style>#mermaidChart1{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart1 .error-icon{fill:#552222;}#mermaidChart1 .error-text{fill:#552222;stroke:#552222;}#mermaidChart1 .edge-thickness-normal{stroke-width:2px;}#mermaidChart1 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart1 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart1 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart1 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart1 .marker{fill:#333333;}#mermaidChart1 .marker.cross{stroke:#333333;}#mermaidChart1 svg{font-family:sans-serif;font-size:16px;}#mermaidChart1 .label{font-family:sans-serif;color:#333;}#mermaidChart1 .label text{fill:#333;}#mermaidChart1 .node rect,#mermaidChart1 .node circle,#mermaidChart1 .node ellipse,#mermaidChart1 .node polygon,#mermaidChart1 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart1 .node .label{text-align:center;}#mermaidChart1 .node.clickable{cursor:pointer;}#mermaidChart1 .arrowheadPath{fill:#333333;}#mermaidChart1 .edgePath .path{stroke:#333333;stroke-width:1.5px;}#mermaidChart1 .flowchart-link{stroke:#333333;fill:none;}#mermaidChart1 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaidChart1 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaidChart1 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaidChart1 .cluster text{fill:#333;}#mermaidChart1 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:sans-serif;font-size:12px;background:hsl(80,100%,96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaidChart1:root{--mermaid-font-family:sans-serif;}#mermaidChart1:root{--mermaid-alt-font-family:sans-serif;}#mermaidChart1 flowchart{fill:apa;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath LS-page2 LE-node2" id="L-page2-node2" style="opacity: 1;"><path class="path" d="M126.49960327148439,36.099609375L150.99960327148438,35.599609375L175.99960327148438,35.599609375" marker-end="url(#arrowhead69)" style="fill:none"></path><defs><marker id="arrowhead69" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-node2 LE-END" id="L-node2-END" style="opacity: 1;"><path class="path" d="M266.39959716796875,35.599609375L291.39959716796875,35.599609375L316.39959716796875,35.599609375" marker-end="url(#arrowhead70)" style="fill:none"></path><defs><marker id="arrowhead70" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-page2-40" transform="translate(66.99980163574219,35.599609375)" style="opacity: 1;"><polygon points="-27.599609375,0 90.39999389648438,0 90.39999389648438,-55.19921875 -27.599609375,-55.19921875 0,-27.599609375" transform="translate(-45.19999694824219,27.599609375)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-35.19999694824219,-17.599609375)"><foreignObject width="70.39999389648438" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">分支流程</div></foreignObject></g></g></g><g class="node default" id="flowchart-node2-41" transform="translate(221.19960021972656,35.599609375)" style="opacity: 1;"><rect rx="5" ry="5" x="-45.19999694824219" y="-27.599609375" width="90.39999389648438" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-35.19999694824219,-17.599609375)"><foreignObject width="70.39999389648438" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">普通节点</div></foreignObject></g></g></g><g class="node default" id="flowchart-END-43" transform="translate(343.9996032714844,35.599609375)" style="opacity: 1;"><rect rx="5" ry="5" x="-27.600006103515625" y="-27.599609375" width="55.20001220703125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-17.600006103515625,-17.599609375)"><foreignObject width="35.20001220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">结束</div></foreignObject></g></g></g></g></g></g></svg></div><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='扩展图表应用'><span>扩展图表应用</span></h3><p><span>除了样式优化外，还做了一些简单而实用的标记扩展！</span></p><h4 id='mermaid-的状态图'><span>Mermaid 的状态图</span></h4><blockquote><p><strong><span>针对「流程图」标记扩展：</span></strong><span>通过特定命名规范衍生出「状态机图」（PS：因为官方的状态机图还不够成熟）</span></p></blockquote><p><span>![由 Mermaid 流程图语法衍生的状态图]</span></p><div class="md-diagram-panel md-fences-adv-panel"><svg id="mermaidChart2" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="235.1982421875" style="max-width: 1020.7093505859375px;" viewBox="-8 -8 1020.7093505859375 235.1982421875" class="md-require-zoom-fix"><style>#mermaidChart2{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart2 .error-icon{fill:#552222;}#mermaidChart2 .error-text{fill:#552222;stroke:#552222;}#mermaidChart2 .edge-thickness-normal{stroke-width:2px;}#mermaidChart2 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart2 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart2 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart2 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart2 .marker{fill:#333333;}#mermaidChart2 .marker.cross{stroke:#333333;}#mermaidChart2 svg{font-family:sans-serif;font-size:16px;}#mermaidChart2 .label{font-family:sans-serif;color:#333;}#mermaidChart2 .label text{fill:#333;}#mermaidChart2 .node rect,#mermaidChart2 .node circle,#mermaidChart2 .node ellipse,#mermaidChart2 .node polygon,#mermaidChart2 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaidChart2 .node .label{text-align:center;}#mermaidChart2 .node.clickable{cursor:pointer;}#mermaidChart2 .arrowheadPath{fill:#333333;}#mermaidChart2 .edgePath .path{stroke:#333333;stroke-width:1.5px;}#mermaidChart2 .flowchart-link{stroke:#333333;fill:none;}#mermaidChart2 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaidChart2 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaidChart2 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaidChart2 .cluster text{fill:#333;}#mermaidChart2 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:sans-serif;font-size:12px;background:hsl(80,100%,96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaidChart2:root{--mermaid-font-family:sans-serif;}#mermaidChart2:root{--mermaid-alt-font-family:sans-serif;}#mermaidChart2 flowchart{fill:apa;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath LS-INIT LE-A" id="L-INIT-A" style="opacity: 1;"><path class="path" d="M28,115.798828125L80.876953125,115.798828125L133.75390625,115.798828125" marker-end="url(#arrowhead110)" style="fill:none"></path><defs><marker id="arrowhead110" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-A LE-fork1" id="L-A-fork1" style="opacity: 1;"><path class="path" d="M200.69296264648438,115.798828125L260.8941345214844,115.798828125L321.5953063964844,116.298828125" marker-end="url(#arrowhead111)" style="fill:none"></path><defs><marker id="arrowhead111" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-fork1 LE-B" id="L-fork1-B" style="opacity: 1;"><path class="path" d="M349.39302254656593,108.09654427508157L434.8941345214844,35.599609375L578.4734344482422,35.599609375" marker-end="url(#arrowhead112)" style="fill:none"></path><defs><marker id="arrowhead112" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-B LE-C" id="L-B-C" style="opacity: 1;"><path class="path" d="M645.4124908447266,35.599609375L788.9917907714844,35.599609375L866.7906188964844,63.51436068661333" marker-end="url(#arrowhead113)" style="fill:none"></path><defs><marker id="arrowhead113" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-C LE-FINAL" id="L-C-FINAL" style="opacity: 1;"><path class="path" d="M934.7093811035156,75.69921875L959.7093811035156,75.69921875L989.1696578563767,119.97347730085396" marker-end="url(#arrowhead114)" style="fill:none"></path><defs><marker id="arrowhead114" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-fork1 LE-C" id="L-fork1-C" style="opacity: 1;"><path class="path" d="M357.5953063964844,116.298828125L434.8941345214844,115.798828125L611.9429626464844,115.798828125L788.9917907714844,115.798828125L866.7906188964844,87.88407681338667" marker-end="url(#arrowhead115)" style="fill:none;stroke-width:2px;stroke-dasharray:3;"></path><defs><marker id="arrowhead115" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-fork1 LE-D" id="L-fork1-D" style="opacity: 1;"><path class="path" d="M349.64421458408145,124.2499199374029L434.8941345214844,191.5986328125L611.9429626464844,191.5986328125L788.9917907714844,191.5986328125L866.7906188964844,191.5986328125" marker-end="url(#arrowhead116)" style="fill:none;stroke-width:2px;stroke-dasharray:3;"></path><defs><marker id="arrowhead116" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath LS-D LE-FINAL" id="L-D-FINAL" style="opacity: 1;"><path class="path" d="M934.7093811035156,191.5986328125L959.7093811035156,191.5986328125L989.8705577455148,137.05015879582177" marker-end="url(#arrowhead117)" style="fill:none"></path><defs><marker id="arrowhead117" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(80.876953125,115.798828125)" style="opacity: 1;"><g transform="translate(-27.876953125,-17.599609375)" class="label"><rect rx="0" ry="0" width="55.75390625" height="35.19921875"></rect><foreignObject width="55.75390625" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>&lt;角色&gt;<br>初始</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(260.8941345214844,115.798828125)" style="opacity: 1;"><g transform="translate(-35.201171875,-8.80078125)" class="label"><rect rx="0" ry="0" width="70.40234375" height="17.6015625"></rect><foreignObject width="70.40234375" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>复杂变更</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(434.8941345214844,35.599609375)" style="opacity: 1;"><g transform="translate(-52.798828125,-17.599609375)" class="label"><rect rx="0" ry="0" width="105.59765625" height="35.19921875"></rect><foreignObject width="105.59765625" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>&lt;角色&gt;<br>变更条件说明</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(788.9917907714844,35.599609375)" style="opacity: 1;"><g transform="translate(-52.798828125,-17.599609375)" class="label"><rect rx="0" ry="0" width="105.59765625" height="35.19921875"></rect><foreignObject width="105.59765625" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>&lt;角色&gt;<br>变更条件说明</span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(611.9429626464844,115.798828125)" style="opacity: 1;"><g transform="translate(-99.25,-17.599609375)" class="label"><rect rx="0" ry="0" width="198.5" height="35.19921875"></rect><foreignObject width="198.5" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>&lt;角色&gt;<br>非正常/次要变更条件说明</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(611.9429626464844,191.5986328125)" style="opacity: 1;"><g transform="translate(-99.25,-8.80078125)" class="label"><rect rx="0" ry="0" width="198.5" height="17.6015625"></rect><foreignObject width="198.5" height="17.6015625"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span>非正常/次要变更条件说明</span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-INIT-62" transform="translate(18,115.798828125)" style="opacity: 1;"><circle x="-10" y="-10" r="10" class="label-container"></circle><g class="label" transform="translate(0,0)"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g></g><g class="node default" id="flowchart-A-63" transform="translate(167.2234344482422,115.798828125)" style="opacity: 1;"><rect rx="0" ry="0" x="-33.46952819824219" y="-27.599609375" width="66.93905639648438" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.469528198242188,-17.599609375)"><foreignObject width="46.939056396484375" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">状态A</div></foreignObject></g></g></g><g class="node default" id="flowchart-fork1-65" transform="translate(339.0953063964844,115.798828125)" style="opacity: 1;"><polygon points="18,0 36,-18 18,-36 0,-18" transform="translate(-18,18)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g></g><g class="node default" id="flowchart-B-67" transform="translate(611.9429626464844,35.599609375)" style="opacity: 1;"><rect rx="0" ry="0" x="-33.46952819824219" y="-27.599609375" width="66.93905639648438" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.469528198242188,-17.599609375)"><foreignObject width="46.939056396484375" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">状态B</div></foreignObject></g></g></g><g class="node default" id="flowchart-C-69" transform="translate(900.75,75.69921875)" style="opacity: 1;"><rect rx="0" ry="0" x="-33.959381103515625" y="-27.599609375" width="67.91876220703125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.959381103515625,-17.599609375)"><foreignObject width="47.91876220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">状态C</div></foreignObject></g></g></g><g class="node default" id="flowchart-FINAL-71" transform="translate(994.7093811035156,128.298828125)" style="opacity: 1;"><circle x="-10" y="-10" r="10" class="label-container"></circle><g class="label" transform="translate(0,0)"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g></g><g class="node default" id="flowchart-D-75" transform="translate(900.75,191.5986328125)" style="opacity: 1;"><rect rx="0" ry="0" x="-33.959381103515625" y="-27.599609375" width="67.91876220703125" height="55.19921875" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-23.959381103515625,-17.599609375)"><foreignObject width="47.91876220703125" height="35.19921875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">状态D</div></foreignObject></g></g></g></g></g></g></svg></div><h4 id='mermaid-的顺序图'><span>Mermaid 的顺序图</span></h4><blockquote><p><strong><span>针对「顺序图」的标记扩展：</span></strong></p><ul><li><span>支持标记不同类型的角色（人、重要系统、外部系统），以呈现出不同的样式；</span></li><li><span>将 </span><code>#opt#(purple)</code><span> </span><code>#alt/else#</code><span> </span><code>#loop#(orange)</code><span> </span><code>#par#(orange)</code><span> 标签优化不同的外观样式，并根据当前浏览器的语言进行自动翻译。</span></li></ul></blockquote><p><span>![多种不同角色的顺序图，更清晰、更友好]</span></p><div class="md-diagram-panel md-fences-adv-panel"><svg id="mermaidChart3" width="866" xmlns="http://www.w3.org/2000/svg" height="1108" viewBox="-8 -8 866 1108" class="md-require-zoom-fix"><rect x="592" y="348" fill="rgba(128, 128, 128, 0.3)" width="166" height="122" class="rect"></rect><style>#mermaidChart3{font-family:sans-serif;font-size:16px;fill:#333;}#mermaidChart3 .error-icon{fill:#552222;}#mermaidChart3 .error-text{fill:#552222;stroke:#552222;}#mermaidChart3 .edge-thickness-normal{stroke-width:2px;}#mermaidChart3 .edge-thickness-thick{stroke-width:3.5px;}#mermaidChart3 .edge-pattern-solid{stroke-dasharray:0;}#mermaidChart3 .edge-pattern-dashed{stroke-dasharray:3;}#mermaidChart3 .edge-pattern-dotted{stroke-dasharray:2;}#mermaidChart3 .marker{fill:#333333;}#mermaidChart3 .marker.cross{stroke:#333333;}#mermaidChart3 svg{font-family:sans-serif;font-size:16px;}#mermaidChart3 .actor{stroke:hsl(259.6261682243,59.7765363128%,87.9019607843%);fill:#ECECFF;}#mermaidChart3 text.actor &gt; tspan{fill:black;stroke:none;}#mermaidChart3 .actor-line{stroke:grey;}#mermaidChart3 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaidChart3 .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaidChart3 #arrowhead path{fill:#333;stroke:#333;}#mermaidChart3 .sequenceNumber{fill:white;}#mermaidChart3 #sequencenumber{fill:#333;}#mermaidChart3 #crosshead path{fill:#333;stroke:#333;}#mermaidChart3 .messageText{fill:#333;stroke:#333;}#mermaidChart3 .labelBox{stroke:hsl(259.6261682243,59.7765363128%,87.9019607843%);fill:#ECECFF;}#mermaidChart3 .labelText,#mermaidChart3 .labelText &gt; tspan{fill:black;stroke:none;}#mermaidChart3 .loopText,#mermaidChart3 .loopText &gt; tspan{fill:black;stroke:none;}#mermaidChart3 .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243,59.7765363128%,87.9019607843%);fill:hsl(259.6261682243,59.7765363128%,87.9019607843%);}#mermaidChart3 .note{stroke:#aaaa33;fill:#fff5ad;}#mermaidChart3 .noteText,#mermaidChart3 .noteText &gt; tspan{fill:black;stroke:none;}#mermaidChart3 .activation0{fill:#f4f4f4;stroke:#666;}#mermaidChart3 .activation1{fill:#f4f4f4;stroke:#666;}#mermaidChart3 .activation2{fill:#f4f4f4;stroke:#666;}#mermaidChart3:root{--mermaid-font-family:sans-serif;}#mermaidChart3:root{--mermaid-alt-font-family:sans-serif;}#mermaidChart3 sequence{fill:apa;}</style><g></g><g><line id="actor0" x1="75" y1="5" x2="75" y2="1099" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">@人物角色</tspan></text></g><g><line id="actor1" x1="275" y1="5" x2="275" y2="1099" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="0">系统角色</tspan></text></g><g><line id="actor2" x1="475" y1="5" x2="475" y2="1099" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="400" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="-7">**重要的</tspan></text><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="7">系统角色</tspan></text></g><g><line id="actor3" x1="675" y1="5" x2="675" y2="1099" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="600" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="-7">--外部的</tspan></text><text x="675" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="7">系统角色</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="16" refY="4"><path fill="black" stroke="#000000" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: 0px, 0px;"></path><path fill="none" stroke="#000000" stroke-width="1px" d="M 0,1 L 6,7 M 6,1 L 0,7" style="stroke-dasharray: 0px, 0px;"></path></marker></defs><defs><marker id="sequencenumber" refX="15" refY="15" markerWidth="60" markerHeight="40" orient="auto"><circle cx="15" cy="15" r="6"></circle></marker></defs><text x="175" y="121" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">平行发送消息1</text><line x1="75" y1="152" x2="275" y2="152" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="fill: none;"></line><text x="75" y="156" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">1</text><text x="175" y="188" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">平行发送消息2</text><line x1="75" y1="219" x2="275" y2="219" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="fill: none;"></line><text x="75" y="223" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">2</text><text x="375" y="255" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">平行发送消息3</text><line x1="275" y1="286" x2="475" y2="286" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="fill: none;"></line><text x="275" y="290" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">3</text><g><rect x="470" y="286" fill="#EDF2AE" stroke="#666" width="10" height="46" rx="0" ry="0" class="activation0"></rect></g><text x="373" y="301" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">发送消息</text><line x1="470" y1="332" x2="275" y2="332" class="messageLine1" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="stroke-dasharray: 3px, 3px; fill: none;"></line><text x="470" y="336" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">4</text><g><line x1="67" y1="73" x2="488" y2="73" class="loopLine"></line><line x1="488" y1="73" x2="488" y2="340" class="loopLine"></line><line x1="67" y1="340" x2="488" y2="340" class="loopLine"></line><line x1="67" y1="73" x2="67" y2="340" class="loopLine"></line><line x1="67" y1="165" x2="488" y2="165" class="loopLine" style="stroke-dasharray: 3px, 3px;"></line><line x1="67" y1="232" x2="488" y2="232" class="loopLine" style="stroke-dasharray: 3px, 3px;"></line><polygon points="67,73 117,73 117,86 108.6,93 67,93" class="labelBox"></polygon><text x="92" y="86" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">par</text><text x="302.5" y="89" text-anchor="middle" class="loopText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;"><tspan x="302.5">[这组为平行消息]</tspan></text></g><text x="675" y="371" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">内部动作</text><path d="M 675,402 C 735,392 735,432 675,422" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="fill: none;"></path><text x="675" y="406" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">5</text><g><rect x="500" y="478" fill="#EDF2AE" stroke="#666" width="150" height="57" rx="0" ry="0" class="note"></rect><text x="575" y="483" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="noteText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 14px; font-weight: 400;"><tspan x="575">显示在外部系统</tspan></text><text x="575" y="501" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="noteText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 14px; font-weight: 400;"><tspan x="575">左侧备注说明</tspan></text></g><g><rect x="700" y="543" fill="#EDF2AE" stroke="#666" width="150" height="57" rx="0" ry="0" class="note"></rect><text x="775" y="548" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="noteText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 14px; font-weight: 400;"><tspan x="775">显示在外部系统</tspan></text><text x="775" y="566" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="noteText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 14px; font-weight: 400;"><tspan x="775">右侧备注说明</tspan></text></g><g><rect x="250" y="608" fill="#EDF2AE" stroke="#666" width="250" height="38" rx="0" ry="0" class="note"></rect><text x="375" y="613" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="noteText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 14px; font-weight: 400;"><tspan x="375">跨对象备注说明</tspan></text></g><text x="475" y="702" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">发送消息A</text><line x1="275" y1="733" x2="675" y2="733" class="messageLine0" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="fill: none;"></line><text x="275" y="737" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">6</text><g><rect x="670" y="735" fill="#EDF2AE" stroke="#666" width="10" height="267" rx="0" ry="0" class="activation0"></rect></g><text x="375" y="789" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">同步返回消息A1</text><line x1="475" y1="820" x2="275" y2="820" class="messageLine1" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="stroke-dasharray: 3px, 3px; fill: none;"></line><text x="475" y="824" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">7</text><text x="375" y="876" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">异步返回消息A2</text><line x1="475" y1="907" x2="275" y2="907" class="messageLine1" stroke-width="2" stroke="none" marker-end="url(#crosshead)" marker-start="url(#sequencenumber)" style="stroke-dasharray: 3px, 3px; fill: none;"></line><text x="475" y="911" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">8</text><g><line x1="267" y1="741" x2="483" y2="741" class="loopLine"></line><line x1="483" y1="741" x2="483" y2="915" class="loopLine"></line><line x1="267" y1="915" x2="483" y2="915" class="loopLine"></line><line x1="267" y1="741" x2="267" y2="915" class="loopLine"></line><line x1="267" y1="833" x2="483" y2="833" class="loopLine" style="stroke-dasharray: 3px, 3px;"></line><polygon points="267,741 317,741 317,754 308.6,761 267,761" class="labelBox"></polygon><text x="292" y="754" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">alt</text><text x="400" y="757" text-anchor="middle" class="loopText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;"><tspan x="400">[这组为抉择1]</tspan></text><text x="375" y="849" text-anchor="middle" class="loopText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">[这组为抉择2]</text></g><text x="573" y="971" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="messageText" dy="1em" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">发送消息X</text><line x1="670" y1="1002" x2="475" y2="1002" class="messageLine1" stroke-width="2" stroke="none" marker-end="url(#arrowhead)" marker-start="url(#sequencenumber)" style="stroke-dasharray: 3px, 3px; fill: none;"></line><text x="670" y="1006" font-family="sans-serif" font-size="12px" text-anchor="middle" textLength="16px" class="sequenceNumber">9</text><g><line x1="467" y1="923" x2="688" y2="923" class="loopLine"></line><line x1="688" y1="923" x2="688" y2="1010" class="loopLine"></line><line x1="467" y1="1010" x2="688" y2="1010" class="loopLine"></line><line x1="467" y1="923" x2="467" y2="1010" class="loopLine"></line><polygon points="467,923 517,923 517,936 508.6,943 467,943" class="labelBox"></polygon><text x="492" y="936" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">opt</text><text x="602.5" y="939" text-anchor="middle" class="loopText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;"><tspan x="602.5">[这组为可选]</tspan></text></g><g><line x1="259" y1="654" x2="696" y2="654" class="loopLine"></line><line x1="696" y1="654" x2="696" y2="1018" class="loopLine"></line><line x1="259" y1="1018" x2="696" y2="1018" class="loopLine"></line><line x1="259" y1="654" x2="259" y2="1018" class="loopLine"></line><polygon points="259,654 309,654 309,667 300.6,674 259,674" class="labelBox"></polygon><text x="284" y="667" text-anchor="middle" dominant-baseline="middle" alignment-baseline="middle" class="labelText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;">loop</text><text x="502.5" y="670" text-anchor="middle" class="loopText" style="font-family: &quot;trebuchet ms&quot;, verdana, arial; font-size: 16px; font-weight: 400;"><tspan x="502.5">[这组为循环]</tspan></text></g><g><rect x="0" y="1034" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">@人物角色</tspan></text></g><g><rect x="200" y="1034" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="0">系统角色</tspan></text></g><g><rect x="400" y="1034" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="-7">**重要的</tspan></text><text x="475" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="7">系统角色</tspan></text></g><g><rect x="600" y="1034" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="-7">--外部的</tspan></text><text x="675" y="1066.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-weight: 400; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="7">系统角色</tspan></text></g></svg></div><p><code>#参考#(green)</code><span> 更多脚本化图表样式，以及结合 VLOOK™ 相关的脚本编写规范内容详见《</span><a href='https://madmaxchow.github.io/VLOOK/chart.html'><span>脚本化图表 for Markdown</span></a><span>》。</span></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°音频'><span>°音频</span></h2><p><span>「</span><strong><span>希望 Markdown 可以支持音频，这样我就可以制作电子有声书了～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 目前 Markdown 工具都还没有针对音频的支持，但现在可以几乎「零」成本实现了！</span></p><blockquote><p><span>语法与 Mardown 的插入图片完全一致！</span></p><ul><li><strong><span>语法：</span></strong><code>![音频题注](音频URL &quot;音频第2题注&quot;)</code></li><li><strong><span>语法示例：</span></strong><code>![这是音频](audio.mp3)</code></li><li><strong><span>支持的音频格式：</span></strong><span>MP3 (.mp3)、Ogg (.ogg)、Wav (.wav)、M4a (.m4a)</span></li></ul></blockquote><blockquote><p><strong><span>音频的界面默认为「标准控件」，支持指定使用 VLOOK™ 定制的「Mini 控件」，AMAZING!</span></strong></p><p><span>通过在「音频 URL」中添加 VLOOK™ 规范的参数实现：</span></p><ul><li><span>URL 参数：</span><code>controls=mini</code></li><li><span>参数示例：</span><code>media/whistle.mp3?controls=mini</code></li></ul></blockquote><h6 id='示例-1－标准模式默认）'><span>示例 1－标准模式（默认）</span></h6><p><img src="media/waves_and_rocks.mp3" referrerpolicy="no-referrer" alt="音频播放控件默认为标准模式" title="(MP3 格式)"></p><h6 id='示例-2－mini-模式'><span>示例 2－Mini 模式</span></h6><p><img src="media/whistle.mp3?controls=mini" referrerpolicy="no-referrer"><span> </span><strong><span>◄ 点击播放</span></strong></p><blockquote><p><strong><span>除音频基本的控制外，同样支持 W3C 标准的控制功能！</span></strong></p><p><span>通过在「音频 URL」中添加 VLOOK™ 规范的参数实现，具体如下：</span></p></blockquote><h6 id='音频控制高级应用说明'><span>音频控制高级应用说明</span></h6><figure><table><thead><tr><th style='text-align:center;' ><strong><span>可定制特性</span></strong></th><th><span>VLOOK™ 规范的 URL 参数</span></th><th><span>示例</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>启用 Mini 模式的播放控件</span></td><td><code>controls=mini</code></td><td><img src="media/whistle.mp3?controls=mini" referrerpolicy="no-referrer"></td></tr><tr><td style='text-align:center;' ><span>启用 播放/暂时 模式</span><br><sub><strong><span>（默认为 播放/结束）</span></strong></sub></td><td><code>pause=true</code><br><sub><code>#注意#(red)</code><strong><span>仅 Mini 模式下有效</span></strong></sub></td><td><img src="media/whistle.mp3?controls=mini&amp;pause=true" referrerpolicy="no-referrer"></td></tr><tr><td style='text-align:center;' ><span>显示音频时长</span></td><td><code>duration=true</code><br><sub><code>#注意#(red)</code><strong><span>仅 Mini 模式下有效</span></strong></sub></td><td><img src="media/waves_and_rocks.mp3?controls=mini&amp;duration=true" referrerpolicy="no-referrer"></td></tr><tr><td style='text-align:center;' ><span>开启自动播放</span></td><td><code>autoplay=true</code></td><td><img src="media/whistle.mp3?controls=mini&amp;autoplay=true" referrerpolicy="no-referrer"></td></tr><tr><td style='text-align:center;' ><span>开启循环播放</span></td><td><code>loop=true</code></td><td><img src="media/whistle.mp3?loop=true" referrerpolicy="no-referrer" alt="循环播放音频示例"></td></tr><tr><td style='text-align:center;' ><span>开启预加载</span></td><td><code>preload=true</code></td><td><img src="media/whistle.ogg?preload=true" referrerpolicy="no-referrer" alt="预加载音频示例" title="(OGG 格式)"></td></tr></tbody></table></figure><hr /><blockquote><p><code>#小提示#(green)</code></p><p><span>因为是与图片的语法一样，所以在音频以「标准模式」显示时，也支持「</span><strong><span>自动编号、题注</span></strong><span>」 … </span><a href='#插图自动编号与题注'><span>了解详情 ❯</span></a></p></blockquote><blockquote><p><code>#参考#(green)</code></p><p><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°视频'><span>°视频</span></h2><p><span>「</span><strong><span>希望 Markdown 可以支持视频，这样我就可以制作多媒体的文档了～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 目前 Markdown 工具都还没有针对视频的支持，现在可以几乎「零」成本实现了！</span></p><blockquote><p><span>语法与 Mardown 的插入图片完全一致！</span></p><ul><li><strong><span>语法：</span></strong><code>![视频题注](视频 URL &quot;音频第2题注&quot;)</code></li><li><strong><span>语法示例：</span></strong><code>![这是视频](video.m4a)</code></li><li><strong><span>支持的音频格式：</span></strong><span>Ogg (.ogv)、MPEG4 (.mp4)、WebM (.webm)</span></li></ul></blockquote><h6 id='示例-6'><span>示例</span></h6><p><img src="media/a_sky_full_of_stars-480p.webm" referrerpolicy="no-referrer" alt="视频示例" title="(WebM 格式视频)"></p><blockquote><p><strong><span>除视频基本的控制外，同样支持 W3C 标准的控制功能！</span></strong></p><p><span>通过在「视频 URL」中添加 VLOOK™ 规范的参数实现，具体如下：</span></p></blockquote><h6 id='视频控制高级应用说明'><span>视频控制高级应用说明</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>可定制特性</span></th><th><span>URL 参数</span></th><th><span>示例</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>开启自动播放</span></td><td><code>autoplay=true</code></td><td>&nbsp;</td></tr><tr><td style='text-align:center;' ><span>开启循环播放</span></td><td><code>loop=true</code></td><td>&nbsp;</td></tr><tr><td style='text-align:center;' ><span>开启预加载</span></td><td><code>preload=true</code></td><td><img src="media/a_sky_full_of_stars-480p.webm?preload=true&amp;height=240" referrerpolicy="no-referrer" alt="预加载视频示例" title="(指定为240p)"></td></tr><tr><td style='text-align:center;' ><span>指定视频宽度</span></td><td><code>width=xxx</code></td><td><span>指定视频的宽度（单位：px）</span></td></tr><tr><td style='text-align:center;' ><span>指定视频高度</span></td><td><code>height=xxx</code></td><td><span>指定视频的高度（单位：px）</span></td></tr></tbody></table></figure><hr /><blockquote><p><code>#小提示#(green)</code></p><p><span>因为是与图片的语法一样，所以在视频也支持「</span><strong><span>自动编号、题注</span></strong><span>」 … </span><a href='#插图自动编号与题注'><span>了解详情 ❯</span></a></p></blockquote><blockquote><p><code>#参考#(green)</code></p><p><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°注音'><span>°注音</span></h2><p><span>「</span><strong><span>希望 Markdown 文档能方便添加注音（如：拼音、外文对照），这样我语言培训文档和电子书就可以更出彩了</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 通过对 Markdown 行内代码（Code）语法 </span><code>` `</code><span> 进行了扩展，轻松满足实用的「注音」排版需求！</span></p><blockquote><p><span>效果等价于 HTML 5 中 </span><strong><a href='https://www.runoob.com/tags/tag-ruby.html'><span>ruby</span></a></strong><span>、</span><strong><a href='https://www.runoob.com/tags/tag-rp.html'><span>rp</span></a></strong><span>、</span><strong><a href='https://www.runoob.com/tags/tag-rt.html'><span>rt</span></a></strong><span> 标签，并支持点击进行释义或翻译:</span></p><p><strong><span>语法：</span></strong><code>`{text}(symbol)`</code></p><ul><li><code>text</code><span>：要添加「注音、拼音、注释」的文字</span></li><li><code>symbol</code><span>：text 对应的注音、拼音符号，或注释内容</span></li></ul></blockquote><h6 id='示例-1'><span>示例 1</span></h6><p><span>「</span><mark><code>{道}(dào)</code><span>生一，一生二，二</span><code>{生}(shēng)</code><span>三，三生</span><code>{万物}(wàn wù)</code></mark><span>」── 道德经•老子</span></p><h6 id='示例-2'><span>示例 2</span></h6><p><span>![多语种的注音应用]&quot;中/日/韩/英&quot;</span></p><figure><table><thead><tr><th style='text-align:center;' ><span>分类</span></th><th><span>语法示例</span></th><th><span>应用效果</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>注音</span></td><td><code>` `{道}(ㄉㄠˋ)` `` `` `{德}(ㄉㄜˊ)` `` `` `{经}(ㄐㄧㄥˉ)</code><span> ``</span></td><td><code>{道}(ㄉㄠˋ)</code><span> </span><code>{德}(ㄉㄜˊ)</code><span> </span><code>{经}(ㄐㄧㄥˉ)</code></td></tr><tr><td style='text-align:center;' ><span>普通话</span></td><td><code>` `{道}(dào)` `` `` `{德}(dé)` `` `` `{经}(jīng)</code><span> ``</span></td><td><code>{道}(dào)</code><span> </span><code>{德}(dé)</code><span> </span><code>{经}(jīng)</code></td></tr><tr><td style='text-align:center;' ><span>粤语</span></td><td><code>` `{道德经}(dou däk gïng)</code><span> ``</span></td><td><code>{道德经}(dou däk gïng)</code></td></tr><tr><td style='text-align:center;' ><span>日文片假名</span></td><td><code>` `{鳥山}(とりやま)` `` `` `{明}(あきら)</code><span> ``</span></td><td><code>{鳥山}(とりやま)</code><span> </span><code>{明}(あきら)</code></td></tr><tr><td style='text-align:center;' ><span>韩文</span></td><td><code>` `{대 한 민 국}(Dae Han Min Gug)</code><span> ``</span></td><td><code>{대 한 민 국}(Dae Han Min Gug)</code></td></tr><tr><td style='text-align:center;' ><span>中英</span></td><td><code>` `{道德经}(The Scripture of Ethics)</code><span> ``</span></td><td><code>{道德经}(The Scripture of Ethics)</code></td></tr><tr><td style='text-align:center;' ><span>英中 1</span></td><td><code>` `{The Scripture}(经)` `` of `` `{Ethics}(道德)</code><span> ``</span></td><td><code>{The Scripture}(经)</code><span> of </span><code>{Ethics}(道德)</code></td></tr><tr><td style='text-align:center;' ><span>英中 2</span></td><td><code>` `{The Scripture of Ethics}(道德经)</code><span> ``</span></td><td><code>{The Scripture of Ethics}(道德经)</code></td></tr></tbody></table></figure><blockquote><h6 id='所有注音均支持线上的扩展服务'><span>所有注音均支持线上的扩展服务</span></h6><p><span>[+] 被注音的文字内容为</span><strong><span>中文</span></strong><span>，由 </span><a href='https://www.zdic.net/?lnkcss=none'><img src="https://www.zdic.net/images/logo.png?mode=icon" referrerpolicy="no-referrer" alt="汉典"></a><span> 提供服务</span></p><blockquote><ul><li><span>点击可打开「汉典」官网，显示对应的「文字内容」释义</span></li></ul></blockquote><p><span>[+] 被注音的文字内容</span><strong><span>不是中文</span></strong><span>，由 </span><a href='https://translate.google.cn/?lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/google-logo.svg?mode=icon" referrerpolicy="no-referrer" alt="Google"><span>•</span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/google-translate.png?mode=icon" referrerpolicy="no-referrer" alt="翻译"></a><span> 提供服务</span></p><blockquote><ul><li><span>点击可打开「谷歌翻译」官网，自动对注音为日文「假名」部分进行</span><strong><span>翻译</span></strong></li><li><span>其他情况，则自动对「文字内容」进行翻译</span></li></ul></blockquote><p><code>&gt;(gray)</code></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°代码块'><span>°代码块</span></h2><h3 id='代码块自动编号与题注'><span>代码块自动编号与题注</span></h3><p><span>「</span><strong><span>文档中的代码块（代码示例、片断）很多，怎么才能像 Word 那样添加编号和题注呢？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须任何设置，即可自动对文档内所有「代码块」进行统一的自动编号，编号内容举例：</span><code>代码块 1</code><span> </span><code>代码块 2</code></p><blockquote><p><span>给「代码块」添加题注的方式，与给「表格」添加题注的方式是一致的 … </span><a href='#表格自动编号与题注'><span>了解详情 ❯</span></a></p><blockquote><p><span>若没有指定题注，VLOOK™ 会自动以代码块内容（头尾片断）作为题注</span></p></blockquote></blockquote><blockquote><p><span>默认只对行数超过 1 行的代码块自动编号和添加题注。</span></p><p><span>若希望调整该行数规则，可通过为 HTML 的 URL 添加 VLOOK™ 规范的参数来启用这一特性：</span></p></blockquote><p><span>![指定自动添加代码块题注的行为限制的文档 URL 参数（lmc）说明]</span></p><figure><table><thead><tr><th style='text-align:center;' ><span>文档 URL 参数</span></th><th style='text-align:center;' ><span>URL 参数取值</span></th><th><span>说明</span></th><th><span>参数应用示例</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><code>lmc</code></td><td style='text-align:center;' ><span>整数</span></td><td><span>大于该行数的才会进行自动编号与生成题注</span></td><td><span>你的文档.html</span><mark><strong><span>?lmc=3</span></strong></mark></td></tr></tbody></table></figure><h6 id='示例-1-2'><span>示例 1</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="sh"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="sh"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-builtin">ps</span> <span class="cm-attribute">-ef</span>|grep zypper|grep <span class="cm-attribute">-v</span> ar|awk <span class="cm-string">'{print $2,$3,$8,$9}'</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre><h6 id='示例-2-2'><span>示例 2</span></h6><p><span>![VLOOK™ 的代码块自动编号与题注示例]&quot;程序语言：PASCAL&quot;</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="pascal"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="pascal"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 35.99432373046875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 26px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -25.99432373046875px; width: 26px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable">Program</span> <span class="cm-variable">HelloWorld</span>(<span class="cm-variable">output</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-keyword">begin</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-variable">writeln</span>(<span class="cm-string">'Hello, world!'</span>)</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">4</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-keyword">end</span>.</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 116px;"></div><div class="CodeMirror-gutters" style="height: 116px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 25px;"></div></div></div></div></pre><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h3 id='代码块增强'><span>代码块增强</span></h3><p><span>「</span><strong><span>用 Markdown 生成的文档中的代码块，希望可以一键复制代码～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 针对 Markdown 的代码块进行自动增强，支持高亮当前行、一键复制代码、适配 </span><a href='#dark-mode'><span>Dark Mode</span></a><span>！</span></p><h6 id='示例-7'><span>示例</span></h6><p><span>![VLOOK™ 的代码块示例]&quot;程序语言：C++&quot;</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="C++" style="break-inside: unset;"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="c++"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 41.988616943359375px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 32px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>37</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation" style=""><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -31.988616943359375px; width: 32px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 23px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-comment">// ================================================== //</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-comment">// &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  VLOOK™ 支持对长代码块进行自动折叠 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-comment">// ================================================== //</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">4</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">5</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-comment">/**</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">6</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-comment">* 快速排序</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">7</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-comment">* @param arr 排序的目标数据</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">8</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-comment">* @param left 排序范围左值</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">9</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-comment">* @param right 排序范围右值</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 23px;">10</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> <span class="cm-comment">*/</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">11</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-variable-3">void</span> <span class="cm-def">quickSort</span>(<span class="cm-variable-3">int</span> <span class="cm-variable">arr</span>[], <span class="cm-variable-3">int</span> <span class="cm-variable">left</span>, <span class="cm-variable-3">int</span> <span class="cm-variable">right</span>) {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">12</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-variable-3">int</span> <span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-variable">left</span>, <span class="cm-variable">j</span> <span class="cm-operator">=</span> <span class="cm-variable">right</span>, <span class="cm-variable">tmp</span>, <span class="cm-variable">pivot</span> <span class="cm-operator">=</span> <span class="cm-variable">arr</span>[(<span class="cm-variable">left</span> <span class="cm-operator">+</span> <span class="cm-variable">right</span>) <span class="cm-operator">/</span> <span class="cm-number">2</span>];</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">13</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">14</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-comment">/* partition */</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">15</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-keyword">while</span> (<span class="cm-variable">i</span> <span class="cm-operator">&lt;=</span> <span class="cm-variable">j</span>) {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">16</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-keyword">while</span> (<span class="cm-variable">arr</span>[<span class="cm-variable">i</span>] <span class="cm-operator">&lt;</span> <span class="cm-variable">pivot</span>)</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">17</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">i</span><span class="cm-operator">++</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">18</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-keyword">while</span> (<span class="cm-variable">arr</span>[<span class="cm-variable">j</span>] <span class="cm-operator">&gt;</span> <span class="cm-variable">pivot</span>)</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">19</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">j</span><span class="cm-operator">--</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 23px;">20</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-keyword">if</span> (<span class="cm-variable">i</span> <span class="cm-operator">&lt;=</span> <span class="cm-variable">j</span>) {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">21</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">tmp</span> <span class="cm-operator">=</span> <span class="cm-variable">arr</span>[<span class="cm-variable">i</span>];</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">22</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">arr</span>[<span class="cm-variable">i</span>] <span class="cm-operator">=</span> <span class="cm-variable">arr</span>[<span class="cm-variable">j</span>];</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">23</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">arr</span>[<span class="cm-variable">j</span>] <span class="cm-operator">=</span> <span class="cm-variable">tmp</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">24</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">i</span><span class="cm-operator">++</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">25</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">j</span><span class="cm-operator">--</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">26</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp;  }</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">27</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  };</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">28</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">29</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-comment">/* recursion */</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 23px;">30</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-keyword">if</span> (<span class="cm-variable">left</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">j</span>)</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">31</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">quickSort</span>(<span class="cm-variable">arr</span>, <span class="cm-variable">left</span>, <span class="cm-variable">j</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">32</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">33</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp;<span class="cm-keyword">if</span> (<span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">right</span>)</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">34</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp; &nbsp;<span class="cm-variable">quickSort</span>(<span class="cm-variable">arr</span>, <span class="cm-variable">i</span>, <span class="cm-variable">right</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">35</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">}</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 23px;">36</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text="" cm-zwsp="">
</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -31.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 23px;">37</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-comment">// ================================================== //</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 1076px;"></div><div class="CodeMirror-gutters" style="height: 1076px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 31px;"></div></div></div></div></pre><blockquote><p><strong><span>建议启用 Typora 中的显示代码块行号配置，以获得更好的体验。</span></strong></p><p><span>启用方式：「Typora▸偏好设置▸Markdown▸代码块▸显示行号」</span></p><p><code>&gt;(theme1)</code></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='°任务列表'><span>°任务列表</span></h2><h3 id='任务列表自动编号'><span>任务列表自动编号</span></h3><p><span>「</span><strong><span>目前 GFM 标准的任务列表（to-do）默认会取消其列表编号，这真不太友好～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 只要使用了 VLOOK™ 的主题，这都不是问题。</span></p><p><span>▿▿▿ 示例效果详见下面的章节介绍 ▿▿▿</span></p><h3 id='任务组完成状态'><span>任务组完成状态</span></h3><p><span>「</span><strong><span>多级任务组的情况下，如果子任务中部分完成，部分未完成，这个任务组的状态 GFM 标准做不到啊～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 子任务，甚至是子任务的子任务，都可以自动根据其完成状态，自动标识其上级任务组的状态。</span></p><blockquote><ul><li><span>激活插件后，自动根据「子任务项」的完成状态调整「上级任务项」的「任务组状态」</span></li><li><span>任务组状态支持：</span><strong><span>未完成</span></strong><span>、</span><strong><span>已完成</span></strong><span>、</span><strong><span>部分完成</span></strong><span>。</span></li></ul></blockquote><h6 id='示例-1-3'><span>示例 1</span></h6><ul><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是</span><code>部分完成</code><span>的一级任务列表项 1</span></p><ul><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是二级任务列表项 1.1</span></p></li><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是</span><code>部分完成</code><span>的二级任务列表项 1.2</span></p><ul><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的三级任务列表项 1.2.1</span></p></li></ul></li><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的四级任务列表项 1.2.1.1</span></p></li><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的四级任务列表项 1.2.1.2</span></p><ul><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是三级任务列表项 1.2.2</span></p></li></ul></li><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的二级任务列表项 1.2</span></p></li></ul></li><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是</span><code>部分完成</code><span>的一级任务列表项 2</span></p><ul><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是二级任务列表项 2.1</span></p></li><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是二级任务列表项 2.2</span></p></li></ul></li><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是一级任务列表项 3</span></p></li></ul><h6 id='示例-2-3'><span>示例 2</span></h6><ul><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是</span><code>部分完成</code><span>的一级任务列表项</span></p><ul><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是二级任务列表项</span></p></li><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的二级任务列表项</span></p><ul><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的三级任务列表项</span></p></li></ul></li><li class='md-task-list-item task-list-item task-list-not-done' ><input type='checkbox' /><p><span>这是四级任务列表项</span></p></li><li class='md-task-list-item task-list-item task-list-done' ><input type='checkbox' checked/><p><span>这是</span><code>已完成</code><span>的二级任务列表项</span></p></li></ul></li></ul><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h1 id='°主题'><span>°主题</span></h1><h2 id='模板主题'><span>模板主题</span></h2><p><span>「</span><strong><span>你的 Markdown 文档能一键换肤吗？！</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 内置了多套原创、独具风格的模板主题，能满足多种应用场景需要，完全超越你对 Markdown 主题的印象！</span></p><p><span>以下是 VLOOK™ 内置的 5 套免费主题（可点击进行效果预览）～</span></p><p><a href='theme-hope.html?lnkcss=none'><img src="https://z3.ax1x.com/2021/03/29/c9GiQS.png?mode=logo&amp;inline=true&amp;srcset=c9GFsg.png@2x" referrerpolicy="no-referrer" alt="Hope 海洋之心"></a><span>　　</span><a href='theme-joint.html?lnkcss=none'><img src="https://z3.ax1x.com/2020/12/12/rVxIbR.png?mode=logo&amp;inline=true&amp;srcset=rVx7Ux.png@2x" referrerpolicy="no-referrer" alt="Joint 榫卯"></a><span>　　</span><a href='theme-geek.html?lnkcss=none'><img src="https://z3.ax1x.com/2020/12/12/rVx5r9.png?mode=logo&amp;inline=true&amp;srcset=rVxH56.png@2x" referrerpolicy="no-referrer" alt="Geek 极邃"></a><span>　　</span><a href='theme-fancy.html?lnkcss=none'><img src="https://z3.ax1x.com/2020/12/12/rVxL8O.png?mode=logo&amp;inline=true&amp;srcset=rVxXxe.png@2x" referrerpolicy="no-referrer" alt="Fancy 慕幻"></a><span>　　</span><a href='theme-thinking.html?lnkcss=none'><img src="https://z3.ax1x.com/2021/03/29/c9G9Rf.png?mode=logo&amp;inline=true&amp;srcset=c9GCz8.png@2x" referrerpolicy="no-referrer" alt="Thinking 静思"></a><span>　　</span><img src="https://z3.ax1x.com/2020/12/12/rVzYL9.png?mode=logo&amp;inline=true&amp;srcset=rVzJsJ.png@2x" referrerpolicy="no-referrer" alt="私人定制"></p><p><strong><span>若你使用在</span><a href='install.html#在线版插件'><span>线插件方式</span></a><span>，可通过「</span><a href='#启动参数'><span>启动参数</span></a><span>」来动态指定任意 VLOOK 主题。</span></strong></p><blockquote><p><strong><span>私人定制</span></strong></p><p><span>目前 VLOOK™ 项目也现已开放主题的 </span><strong><span>私人定制</span></strong><span> 服务 </span><code>#微信|MaxChow#(green)</code><span>，定制样品示意如下：</span></p><p><code>&gt;(theme2)</code></p></blockquote><p><img src="https://s3.ax1x.com/2021/01/27/szo7cQ.png?grid=block&amp;srcset=szoqns.png@2x" referrerpolicy="no-referrer" alt="私人定制主题" title="以上仅为私人定制的样品参考示例，非正式定制服务成品"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°主题与不杂项'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°主题与不杂项</span></kbd></a></p><h2 id='字体主题'><span>字体主题</span></h2><p><span>「</span><strong><span>模板主题让文档颜值倍增，而字体则是文档气质担当！</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 提供了两套字体风格，可根据个人喜好进行选用。</span></p><blockquote><p><span>通过工具栏上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-font-style.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="字体主题"><span> 按钮进行选择</span></p></blockquote><blockquote><h6 id='小清新'><span>小•清•新</span></h6><p><span>整体视觉为「</span><strong><span>清新、简约、明快</span></strong><span>」，主要采用无衬线的免费或开源的东亚和拉丁字体。</span></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/小清新.png?darksrc=invert&amp;srcset=@2x,@3x" referrerpolicy="no-referrer" alt="字体风格_小清新"></p><p><code>&gt;(gray)</code></p></blockquote><blockquote><h6 id='文艺范'><span>文•艺•范</span></h6><p><span>整体视觉为「</span><strong><span>优雅、韵动、个性</span></strong><span>」，主要采用衬线、无衬线的免费或开源的东亚和拉丁字体，多种字重进行</span><strong><span>混搭组合</span></strong><span>。</span></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/文艺范.png?darksrc=invert&amp;srcset=@2x,@3x" referrerpolicy="no-referrer" alt="字体风格_文艺范"></p><p><code>&gt;(gray)</code></p></blockquote><blockquote><h6 id='⚠-注意'><span>⚠ 注意</span></h6><p><span>因为 Windows / MacOS 系统默认不预装字体主题配套的字体包，VLOOK™ 目前可同时支持在线和本地两种使用方式。</span>
<span>若你的工作环境无法访问互联网，建议直接下载字体包并安装到本地，以获得最佳的视觉体验。</span></p><p><code>&gt;(red)</code></p></blockquote><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/lanzou.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="蓝奏云"><span> … </span><a href='https://wwe.lanzoui.com/ieVDhj1aokj'><span>下载字体▾</span></a></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/baidupan.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="百度网盘"><span> … </span><a href='https://pan.baidu.com/s/1gH5Hj-X3-LCaOLtN0AxLLw'><span>下载字体▾</span></a><span>（提取码</span><code>11ta</code><span>)</span></p><hr /><h6 id='文艺范选用的字体及应用'><span>文艺范_选用的字体及应用</span></h6><figure><table><thead><tr><th style='text-align:left;' ><span>字体在 VLOOK™ 主题的应用</span></th><th style='text-align:center;' ><span>字体名称</span></th><th style='text-align:center;' ><span>使用的字重</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th></tr></thead><tbody><tr><td style='text-align:left;' ><span>:</span></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:center;' ><span>[ ] Regular</span></td><td style='text-align:center;' ><span>[ ] Medium</span></td><td style='text-align:center;' ><span>[ ] Bold</span></td><td style='text-align:center;' ><span>[ ] Black</span></td></tr><tr><td style='text-align:left;' ><span>封面大标题、章节标题、</span><br><span>正文(CJK)等</span></td><td style='text-align:center;' ><span>Noto Serif CJK SC</span><br><span>（思源宋体）</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td></tr><tr><td style='text-align:left;' ><span>封面小标题、表头、题注、</span><br><span>彩虹标签、加粗文本等</span></td><td style='text-align:center;' ><span>Noto Sans CJK SC</span><br><span>（思源黑体）</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td></tr><tr><td style='text-align:left;' ><span>正文（非CJK）</span></td><td style='text-align:center;' ><span>Luxi Mono</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td></tr><tr><td style='text-align:left;' ><span>链接、代码等</span></td><td style='text-align:center;' ><span>Noto Sans Mono</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td></tr><tr><td style='text-align:left;' ><span>表格列格式(数值/百分数/货币) </span><a href='#表格列格式数值百分数货币'><span>…</span></a></td><td style='text-align:center;' ><span>DIN</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td></tr></tbody></table></figure><h6 id='小清新选用的字体及应用'><span>小清新_选用的字体及应用</span></h6><figure><table><thead><tr><th style='text-align:left;' ><span>字体在 VLOOK™ 主题的应用</span></th><th style='text-align:center;' ><span>字体名称</span></th><th style='text-align:center;' ><span>字重</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th><th style='text-align:center;' ><span>==</span></th></tr></thead><tbody><tr><td style='text-align:left;' ><span>:</span></td><td style='text-align:center;' ><span>:</span></td><td style='text-align:center;' ><span>[ ] Regular</span></td><td style='text-align:center;' ><span>[ ] Medium</span></td><td style='text-align:center;' ><span>[ ] Bold</span></td><td style='text-align:center;' ><span>[ ] Black</span></td></tr><tr><td style='text-align:left;' ><span>封面、标题、正文(CJK)、</span><br><span>链接、表头、题注、彩虹、标签等</span></td><td style='text-align:center;' ><span>Noto Sans CJK SC</span><br><span>（思源黑体）</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td></tr><tr><td style='text-align:left;' ><span>正文(非CJK)、链接、代码等</span></td><td style='text-align:center;' ><span>Noto Sans Mono</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' ><span>[x]</span></td></tr><tr><td style='text-align:left;' ><span>表格列格式(数值/百分数/货币) </span><a href='#表格列格式数值百分数货币'><span>…</span></a></td><td style='text-align:center;' ><span>DIN</span></td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td><td style='text-align:center;' ><span>[x]</span></td><td style='text-align:center;' >&nbsp;</td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°主题与不杂项'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°主题与不杂项</span></kbd></a></p><h2 id='dark-mode'><span>Dark Mode </span></h2><p><span>「</span><strong><span>希望 Markdown 的文档能适配系统的深色模式，保持良好、一致的体验～</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 所有 VLOOK™ 的主题都会自动根据浏览器或系统的 Dark Mode（深色模式）的设置进行自动适配。</span></p><blockquote><p><span>可通过工具栏上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-light-mode.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Light Mode"><span> / </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-dark-mode.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="Dark Mode"><span> 按钮进行手动切换。</span></p><p><span>若希望文档在显示后强制指定为 Light / Dark Mode ，可通过「</span><a href='#启动参数'><span>启动参数</span></a><span>」来启用这一特性。</span></p></blockquote><blockquote><p><code>#小提示#(green)</code><span> </span><em><span>如果你的图片在 Dark Mode 下显得不够和谐，可以尝试选择让</span><a href='#图片适配-dark-mode'><span>图片适配 Dark Mode</span></a><span>。</span></em></p></blockquote><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/vlook-color-scheme-preview.png?srcset=@2x" referrerpolicy="no-referrer" alt="Light / Dark 效果预览"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°主题与不杂项'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°主题与不杂项</span></kbd></a></p><h2 id='封面封底'><span>封面、封底</span></h2><p><span>「</span><strong><span>如何让 Markdown 的文档支持封面、封底</span></strong><span>（例如像本文档的封面、封底）？」</span>
<code>#VLOOK|say#(theme1)</code><span> 在应用了 VLOOK™ 的「</span><a href='#模板主题'><span>模板主题</span></a><span>」后，使用 Markdown 的标准语法也能让文档支持封面、封底，通过遵从 VLOOK™ 约定的使用规范即可激活。</span></p><blockquote><h6 id='激活封面'><span>激活「封面」</span></h6><p><span>在文档的</span><strong><span>第 1 行</span></strong><span>输入一个 </span><code>6 级</code><span> 标题（快捷键</span><kbd><span>Ctrl</span></kbd><span>+</span><kbd><span>6</span></kbd><span>，或</span><kbd><span>Command</span></kbd><span>+</span><kbd><span>6</span></kbd><span>），如：</span><code>###### 这是封面标题</code></p><p><code>#注意#(red)</code><span> 如文档使用 YAML Front Matter，则添加到其后则可</span></p><p><code>&gt;(theme1)</code></p></blockquote><blockquote><h6 id='激活封底'><span>激活「封底」</span></h6><p><span>在文档的</span><strong><span>最后 1 行</span></strong><span>输入一个 </span><code>6 级</code><span> 标题（快捷键</span><kbd><span>Ctrl</span></kbd><span>+</span><kbd><span>6</span></kbd><span>，或</span><kbd><span>Command</span></kbd><span>+</span><kbd><span>6</span></kbd><span>），如：</span><code>###### 这是封底结语</code></p><p><code>&gt;(theme2)</code></p></blockquote><blockquote><p><strong><span>要进一步了解「封面」中特定类型信息（如小标题、作者等）的自动排版规则？</span></strong></p><p><span>▿▿▿ 点击查看以下相关内容 ▿▿▿</span></p><p><span>[+] </span><strong><span>标题</span></strong></p><blockquote><ul><li><p><span>默认格式就是标题格式，直接输入就可以了；</span></p></li><li><p><span>可结合 HTML 的上标、下标方式进行「小标题、副标题」的延伸应用：</span></p><ul><li><span>小标题：</span><code>&lt;sub&gt;文档大标题上的小标题&lt;/sub&gt;</code></li></ul></li><li><p><span>副题：</span><code>&lt;sup&gt;文档大标题下的副标题&lt;/sup&gt;</code></p></li></ul></blockquote><p><span>[+] </span><strong><span>文档类型、密级</span></strong></p><blockquote><p><span>可使用 VLOOK™ 的</span><a href='#药丸标签'><span>药丸标签</span></a><span>写法来实现，举例：</span></p><ul><li><code>` `#文档密级|对外公开#(green)</code><span> ``</span></li><li><code>` `#文档密级|内部公开#(orange)</code><span> ``</span></li><li><code>` `#文档密级|机密资料#(caution)</code><span> ``</span></li></ul></blockquote><p><span>[+] </span><strong><span>作者</span></strong></p><blockquote><p><span>使用 Markdown 的「粗体」格式标记出「作者信息」即可（会自动添加前缀 </span><code>By</code><span>、加粗），举例：</span><code>**我是作者**</code></p></blockquote><p><span>[+] </span><strong><span>版权信息</span></strong></p><blockquote><p><span>使用 Markdown 的「斜体」格式标记出「版权信息」即可（会自动缩小字号、加粗），举例：</span><code>*(C)2020. 版权所有*</code></p></blockquote><p><span>[+] </span><strong><span>在封面、封底中如何换行？</span></strong><span> </span></p><blockquote><p><span>直接输入 HTML 的换行标签</span><code>&lt;br /&gt;</code><span>即可</span></p></blockquote></blockquote><h6 id='示例-1－最小化的文档封面内容'><span>示例 1－最小化的文档封面内容</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="markdown"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="markdown"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" cm-header cm-header6 CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class=" cm-header cm-header6">###### 在这填写文档标题&lt;br /&gt;</span><span class=" cm-strong cm-header cm-header6">**在些填写作者**</span><span class=" cm-header cm-header6">&lt;br /&gt;</span><span class=" cm-em cm-header cm-header6">*在这填版权归属方的信息*</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre><h6 id='示例-2－本文档的封面内容'><span>示例 2－本文档的封面内容</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="markdown"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="markdown"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.544921875px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" cm-header cm-header6 CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class=" cm-header cm-header6">###### </span><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">sub</span><span class="cm-tag cm-bracket">&gt;</span><span class=" cm-header cm-header6">VLOOK™</span><span class="cm-tag">&lt;/sub&gt;</span><span class=" cm-header cm-header6">&lt;br /&gt;让你的 Markdown 有了新</span><span class=" cm-comment cm-header cm-header6">`{看}(wán)`</span><span class=" cm-header cm-header6">法&lt;br /&gt;──&lt;br /&gt;</span><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">sup</span><span class="cm-tag cm-bracket">&gt;</span><span class=" cm-header cm-header6">快速参考手册</span><span class="cm-tag">&lt;/sup&gt;</span><span class=" cm-header cm-header6">&lt;br /&gt;</span><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">sup</span><span class="cm-tag cm-bracket">&gt;</span><span class=" cm-header cm-header6">( Version 2021 )</span><span class="cm-tag">&lt;/sup&gt;</span><span class=" cm-header cm-header6">&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;</span><span class=" cm-strong cm-header cm-header6">**MAX°孟兆**</span><span class=" cm-header cm-header6">&lt;br /&gt;</span><span class=" cm-em cm-header cm-header6">*COPYRIGHT © 2016-2021. MAX°DESIGN.*</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 58px;"></div><div class="CodeMirror-gutters" style="height: 58px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°主题与不杂项'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°主题与不杂项</span></kbd></a></p><h2 id='更美观的公式'><span>更美观的公式</span></h2><h6 id='段落内混排的公式'><span>段落内混排的公式</span></h6><p><span>这是行内混排的「</span><strong><span>数学公式</span></strong><span>」</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="16.737ex" height="4.38ex" role="img" focusable="false" viewBox="0 -961 7397.6 1935.8" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -2.205ex;"><defs><path id="MJX-5-TEX-N-6C" d="M42 46H56Q95 46 103 60V68Q103 77 103 91T103 124T104 167T104 217T104 272T104 329Q104 366 104 407T104 482T104 542T103 586T103 603Q100 622 89 628T44 637H26V660Q26 683 28 683L38 684Q48 685 67 686T104 688Q121 689 141 690T171 693T182 694H185V379Q185 62 186 60Q190 52 198 49Q219 46 247 46H263V0H255L232 1Q209 2 183 2T145 3T107 3T57 1L34 0H26V46H42Z"></path><path id="MJX-5-TEX-N-69" d="M69 609Q69 637 87 653T131 669Q154 667 171 652T188 609Q188 579 171 564T129 549Q104 549 87 564T69 609ZM247 0Q232 3 143 3Q132 3 106 3T56 1L34 0H26V46H42Q70 46 91 49Q100 53 102 60T104 102V205V293Q104 345 102 359T88 378Q74 385 41 385H30V408Q30 431 32 431L42 432Q52 433 70 434T106 436Q123 437 142 438T171 441T182 442H185V62Q190 52 197 50T232 46H255V0H247Z"></path><path id="MJX-5-TEX-N-6D" d="M41 46H55Q94 46 102 60V68Q102 77 102 91T102 122T103 161T103 203Q103 234 103 269T102 328V351Q99 370 88 376T43 385H25V408Q25 431 27 431L37 432Q47 433 65 434T102 436Q119 437 138 438T167 441T178 442H181V402Q181 364 182 364T187 369T199 384T218 402T247 421T285 437Q305 442 336 442Q351 442 364 440T387 434T406 426T421 417T432 406T441 395T448 384T452 374T455 366L457 361L460 365Q463 369 466 373T475 384T488 397T503 410T523 422T546 432T572 439T603 442Q729 442 740 329Q741 322 741 190V104Q741 66 743 59T754 49Q775 46 803 46H819V0H811L788 1Q764 2 737 2T699 3Q596 3 587 0H579V46H595Q656 46 656 62Q657 64 657 200Q656 335 655 343Q649 371 635 385T611 402T585 404Q540 404 506 370Q479 343 472 315T464 232V168V108Q464 78 465 68T468 55T477 49Q498 46 526 46H542V0H534L510 1Q487 2 460 2T422 3Q319 3 310 0H302V46H318Q379 46 379 62Q380 64 380 200Q379 335 378 343Q372 371 358 385T334 402T308 404Q263 404 229 370Q202 343 195 315T187 232V168V108Q187 78 188 68T191 55T200 49Q221 46 249 46H265V0H257L234 1Q210 2 183 2T145 3Q42 3 33 0H25V46H41Z"></path><path id="MJX-5-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-5-TEX-N-2192" d="M56 237T56 250T70 270H835Q719 357 692 493Q692 494 692 496T691 499Q691 511 708 511H711Q720 511 723 510T729 506T732 497T735 481T743 456Q765 389 816 336T935 261Q944 258 944 250Q944 244 939 241T915 231T877 212Q836 186 806 152T761 85T740 35T732 4Q730 -6 727 -8T711 -11Q691 -11 691 0Q691 7 696 25Q728 151 835 230H70Q56 237 56 250Z"></path><path id="MJX-5-TEX-N-221E" d="M55 217Q55 305 111 373T254 442Q342 442 419 381Q457 350 493 303L507 284L514 294Q618 442 747 442Q833 442 888 374T944 214Q944 128 889 59T743 -11Q657 -11 580 50Q542 81 506 128L492 147L485 137Q381 -11 252 -11Q166 -11 111 57T55 217ZM907 217Q907 285 869 341T761 397Q740 397 720 392T682 378T648 359T619 335T594 310T574 285T559 263T548 246L543 238L574 198Q605 158 622 138T664 94T714 61T765 51Q827 51 867 100T907 217ZM92 214Q92 145 131 89T239 33Q357 33 456 193L425 233Q364 312 334 337Q285 380 233 380Q171 380 132 331T92 214Z"></path><path id="MJX-5-TEX-N-65" d="M28 218Q28 273 48 318T98 391T163 433T229 448Q282 448 320 430T378 380T406 316T415 245Q415 238 408 231H126V216Q126 68 226 36Q246 30 270 30Q312 30 342 62Q359 79 369 104L379 128Q382 131 395 131H398Q415 131 415 121Q415 117 412 108Q393 53 349 21T250 -11Q155 -11 92 58T28 218ZM333 275Q322 403 238 411H236Q228 411 220 410T195 402T166 381T143 340T127 274V267H333V275Z"></path><path id="MJX-5-TEX-N-78" d="M201 0Q189 3 102 3Q26 3 17 0H11V46H25Q48 47 67 52T96 61T121 78T139 96T160 122T180 150L226 210L168 288Q159 301 149 315T133 336T122 351T113 363T107 370T100 376T94 379T88 381T80 383Q74 383 44 385H16V431H23Q59 429 126 429Q219 429 229 431H237V385Q201 381 201 369Q201 367 211 353T239 315T268 274L272 270L297 304Q329 345 329 358Q329 364 327 369T322 376T317 380T310 384L307 385H302V431H309Q324 428 408 428Q487 428 493 431H499V385H492Q443 385 411 368Q394 360 377 341T312 257L296 236L358 151Q424 61 429 57T446 50Q464 46 499 46H516V0H510H502Q494 1 482 1T457 2T432 2T414 3Q403 3 377 3T327 1L304 0H295V46H298Q309 46 320 51T331 63Q331 65 291 120L250 175Q249 174 219 133T185 88Q181 83 181 74Q181 63 188 55T206 46Q208 46 208 23V0H201Z"></path><path id="MJX-5-TEX-N-70" d="M36 -148H50Q89 -148 97 -134V-126Q97 -119 97 -107T97 -77T98 -38T98 6T98 55T98 106Q98 140 98 177T98 243T98 296T97 335T97 351Q94 370 83 376T38 385H20V408Q20 431 22 431L32 432Q42 433 61 434T98 436Q115 437 135 438T165 441T176 442H179V416L180 390L188 397Q247 441 326 441Q407 441 464 377T522 216Q522 115 457 52T310 -11Q242 -11 190 33L182 40V-45V-101Q182 -128 184 -134T195 -145Q216 -148 244 -148H260V-194H252L228 -193Q205 -192 178 -192T140 -191Q37 -191 28 -194H20V-148H36ZM424 218Q424 292 390 347T305 402Q234 402 182 337V98Q222 26 294 26Q345 26 384 80T424 218Z"></path><path id="MJX-5-TEX-N-2061" d=""></path><path id="MJX-5-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-5-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-5-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="menclose"><g transform="translate(267, 0)"><g data-mml-node="mstyle"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="munder"><g data-mml-node="mo" transform="translate(214.8,0)"><use data-c="6C" xlink:href="#MJX-5-TEX-N-6C"></use><use data-c="69" xlink:href="#MJX-5-TEX-N-69" transform="translate(278,0)"></use><use data-c="6D" xlink:href="#MJX-5-TEX-N-6D" transform="translate(556,0)"></use></g><g data-mml-node="TeXAtom" transform="translate(0,-600) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D465" xlink:href="#MJX-5-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(572,0)"><use data-c="2192" xlink:href="#MJX-5-TEX-N-2192"></use></g><g data-mml-node="mi" transform="translate(1572,0)"><use data-c="221E" xlink:href="#MJX-5-TEX-N-221E"></use></g></g></g><g data-mml-node="mi" transform="translate(1985.3,0)"><use data-c="65" xlink:href="#MJX-5-TEX-N-65"></use><use data-c="78" xlink:href="#MJX-5-TEX-N-78" transform="translate(444,0)"></use><use data-c="70" xlink:href="#MJX-5-TEX-N-70" transform="translate(972,0)"></use></g><g data-mml-node="mo" transform="translate(3513.3,0)"><use data-c="2061" xlink:href="#MJX-5-TEX-N-2061"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(3680,0)"><g data-mml-node="mo"><use data-c="2212" xlink:href="#MJX-5-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(778,0)"><use data-c="1D465" xlink:href="#MJX-5-TEX-I-1D465"></use></g></g><g data-mml-node="mo" transform="translate(5307.8,0)"><use data-c="3D" xlink:href="#MJX-5-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(6363.6,0)"><use data-c="30" xlink:href="#MJX-5-TEX-N-30"></use></g></g></g></g><rect x="33.5" y="-941.3" width="7330.6" height="1868.8" fill="none" stroke-width="67"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><menclose notation="box"><mstyle displaystyle="true" scriptlevel="0"><mrow data-mjx-texclass="ORD"><munder><mo data-mjx-texclass="OP" movablelimits="true">lim</mo><mrow data-mjx-texclass="ORD"><mi>x</mi><mo accent="false" stretchy="false">→</mo><mi mathvariant="normal">∞</mi></mrow></munder><mi>exp</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="ORD"><mo>−</mo><mi>x</mi></mrow><mo>=</mo><mn>0</mn></mrow></mstyle></menclose></math></mjx-assistive-mml></mjx-container><script type="math/tex">\boxed{\lim_{x \to \infty} \exp{-x} = 0}</script><span>，也可以是「</span><strong><span>化学公式</span></strong><span>」</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="23.259ex" height="3.972ex" role="img" focusable="false" viewBox="0 -1139 10280.3 1755.5" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -1.395ex;"><defs><path id="MJX-6-TEX-N-43" d="M56 342Q56 428 89 500T174 615T283 681T391 705Q394 705 400 705T408 704Q499 704 569 636L582 624L612 663Q639 700 643 704Q644 704 647 704T653 705H657Q660 705 666 699V419L660 413H626Q620 419 619 430Q610 512 571 572T476 651Q457 658 426 658Q322 658 252 588Q173 509 173 342Q173 221 211 151Q232 111 263 84T328 45T384 29T428 24Q517 24 571 93T626 244Q626 251 632 257H660L666 251V236Q661 133 590 56T403 -21Q262 -21 159 83T56 342Z"></path><path id="MJX-6-TEX-N-48" d="M128 622Q121 629 117 631T101 634T58 637H25V683H36Q57 680 180 680Q315 680 324 683H335V637H302Q262 636 251 634T233 622L232 500V378H517V622Q510 629 506 631T490 634T447 637H414V683H425Q446 680 569 680Q704 680 713 683H724V637H691Q651 636 640 634T622 622V61Q628 51 639 49T691 46H724V0H713Q692 3 569 3Q434 3 425 0H414V46H447Q489 47 498 49T517 61V332H232V197L233 61Q239 51 250 49T302 46H335V0H324Q303 3 180 3Q45 3 36 0H25V46H58Q100 47 109 49T128 61V622Z"></path><path id="MJX-6-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-6-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-6-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-6-TEX-SO-28" d="M152 251Q152 646 388 850H416Q422 844 422 841Q422 837 403 816T357 753T302 649T255 482T236 250Q236 124 255 19T301 -147T356 -251T403 -315T422 -340Q422 -343 416 -349H388Q359 -325 332 -296T271 -213T212 -97T170 56T152 251Z"></path><path id="MJX-6-TEX-N-4F" d="M56 340Q56 423 86 494T164 610T270 680T388 705Q521 705 621 601T722 341Q722 260 693 191T617 75T510 4T388 -22T267 3T160 74T85 189T56 340ZM467 647Q426 665 388 665Q360 665 331 654T269 620T213 549T179 439Q174 411 174 354Q174 144 277 61Q327 20 385 20H389H391Q474 20 537 99Q603 188 603 354Q603 411 598 439Q577 592 467 647Z"></path><path id="MJX-6-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-6-TEX-N-39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z"></path><path id="MJX-6-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-6-TEX-N-4E" d="M42 46Q74 48 94 56T118 69T128 86V634H124Q114 637 52 637H25V683H232L235 680Q237 679 322 554T493 303L578 178V598Q572 608 568 613T544 627T492 637H475V683H483Q498 680 600 680Q706 680 715 683H724V637H707Q634 633 622 598L621 302V6L614 0H600Q585 0 582 3T481 150T282 443T171 605V345L172 86Q183 50 257 46H274V0H265Q250 3 150 3Q48 3 33 0H25V46H42Z"></path><path id="MJX-6-TEX-SO-29" d="M305 251Q305 -145 69 -349H56Q43 -349 39 -347T35 -338Q37 -333 60 -307T108 -239T160 -136T204 27T221 250T204 473T160 636T108 740T60 807T35 839Q35 850 50 850H56H69Q197 743 256 566Q305 425 305 251Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="menclose"><g transform="translate(267, 0)"><g data-mml-node="mstyle"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="43" xlink:href="#MJX-6-TEX-N-43"></use><use data-c="48" xlink:href="#MJX-6-TEX-N-48" transform="translate(722,0)"></use></g></g><g data-mml-node="msub" transform="translate(1472,0)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mphantom"></g></g></g></g><g data-mml-node="TeXAtom" transform="translate(9,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mn"><use data-c="34" xlink:href="#MJX-6-TEX-N-34"></use></g></g></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1884.6,0)"></g><g data-mml-node="mo" transform="translate(2106.8,0)"><use data-c="2B" xlink:href="#MJX-6-TEX-N-2B"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(3107,0)"></g><g data-mml-node="mn" transform="translate(3107,0)"><use data-c="32" xlink:href="#MJX-6-TEX-N-32"></use></g><g data-mml-node="mstyle" transform="translate(3607,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="mrow" transform="translate(3940.7,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-6-TEX-SO-28"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(458,0)"><g data-mml-node="mi"><use data-c="4F" xlink:href="#MJX-6-TEX-N-4F"></use></g></g><g data-mml-node="msub" transform="translate(1236,0)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mphantom"></g></g></g></g><g data-mml-node="TeXAtom" transform="translate(9,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-6-TEX-N-32"></use></g></g></g></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1648.6,0)"></g><g data-mml-node="mo" transform="translate(1870.8,0)"><use data-c="2B" xlink:href="#MJX-6-TEX-N-2B"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(2871,0)"></g><g data-mml-node="mstyle" transform="translate(2871,0)"><g data-mml-node="mfrac"><g data-mml-node="mn" transform="translate(220,394) scale(0.707)"><use data-c="37" xlink:href="#MJX-6-TEX-N-37"></use><use data-c="39" xlink:href="#MJX-6-TEX-N-39" transform="translate(500,0)"></use></g><g data-mml-node="mn" transform="translate(220,-345) scale(0.707)"><use data-c="32" xlink:href="#MJX-6-TEX-N-32"></use><use data-c="31" xlink:href="#MJX-6-TEX-N-31" transform="translate(500,0)"></use></g><rect width="907.1" height="60" x="120" y="220"></rect></g></g><g data-mml-node="mstyle" transform="translate(4018.1,0)"><g data-mml-node="mspace"></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(4185.1,0)"><g data-mml-node="mi"><use data-c="4E" xlink:href="#MJX-6-TEX-N-4E"></use></g></g><g data-mml-node="msub" transform="translate(4935.1,0)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mphantom"></g></g></g></g><g data-mml-node="TeXAtom" transform="translate(9,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mpadded"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-6-TEX-N-32"></use></g></g></g></g></g><g data-mml-node="mo" transform="translate(5347.7,0) translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-6-TEX-SO-29"></use></g></g></g></g></g></g><rect x="33.5" y="-583" width="10213.3" height="1688.5" fill="none" stroke-width="67"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><menclose notation="box"><mstyle displaystyle="true" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mi data-mjx-auto-op="false">CH</mi></mrow><msub><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded width="0"><mphantom><mi>X</mi></mphantom></mpadded></mrow></mrow><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded height="0"><mn>4</mn></mpadded></mrow></mrow></msub><mrow data-mjx-texclass="ORD"></mrow><mo>+</mo><mrow data-mjx-texclass="ORD"></mrow><mn>2</mn><mstyle scriptlevel="0"><mspace width="0.167em"></mspace></mstyle><mrow data-mjx-texclass="INNER"><mo data-mjx-texclass="OPEN">(</mo><mrow data-mjx-texclass="ORD"><mi data-mjx-auto-op="false" mathvariant="normal">O</mi></mrow><msub><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded width="0"><mphantom><mi>X</mi></mphantom></mpadded></mrow></mrow><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded height="0"><mn>2</mn></mpadded></mrow></mrow></msub><mrow data-mjx-texclass="ORD"></mrow><mo>+</mo><mrow data-mjx-texclass="ORD"></mrow><mstyle displaystyle="false" scriptlevel="0"><mfrac><mn>79</mn><mn>21</mn></mfrac></mstyle><mstyle scriptlevel="0"><mspace width="0.167em"></mspace></mstyle><mrow data-mjx-texclass="ORD"><mi data-mjx-auto-op="false" mathvariant="normal">N</mi></mrow><msub><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded width="0"><mphantom><mi>X</mi></mphantom></mpadded></mrow></mrow><mrow data-mjx-texclass="ORD"><mrow data-mjx-texclass="ORD"><mpadded height="0"><mn>2</mn></mpadded></mrow></mrow></msub><mo data-mjx-texclass="CLOSE">)</mo></mrow></mrow></mrow></mstyle></menclose></math></mjx-assistive-mml></mjx-container><script type="math/tex">\boxed{\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}}</script></p><blockquote><p><span>[+] </span><strong><span>看看以上公式的代码</span></strong></p><blockquote><p><span>数学公式的代码：</span><code>$\lim_{x \to \infty} \exp{-x} = 0$</code></p><p><span>化学公式的代码：</span><code>$\ce{CH4 + 2 $\left( \ce{O2 + 79/21 N2} \right)$}$</code></p></blockquote></blockquote><h6 id='独占一行的公式块'><span>独占一行的公式块</span></h6><div contenteditable="false" spellcheck="false" class="mathjax-block md-end-block md-math-block md-rawblock" id="mathjax-n9177" cid="n9177" mdtype="math_block" data-math-tag-before="0" data-math-tag-after="0" data-math-labels="[&quot;mymath-1&quot;,&quot;mymath-2&quot;,&quot;mymath-3&quot;]"><div class="md-rawblock-container md-math-container" tabindex="-1"><mjx-container class="MathJax" jax="SVG" display="true" width="full" style="min-width: 89.927ex; position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="22.04ex" role="img" focusable="false" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -10.454ex; min-width: 89.927ex;"><defs><path id="MJX-1-TEX-I-1D466" d="M21 287Q21 301 36 335T84 406T158 442Q199 442 224 419T250 355Q248 336 247 334Q247 331 231 288T198 191T182 105Q182 62 196 45T238 27Q261 27 281 38T312 61T339 94Q339 95 344 114T358 173T377 247Q415 397 419 404Q432 431 462 431Q475 431 483 424T494 412T496 403Q496 390 447 193T391 -23Q363 -106 294 -155T156 -205Q111 -205 77 -183T43 -117Q43 -95 50 -80T69 -58T89 -48T106 -45Q150 -45 150 -87Q150 -107 138 -122T115 -142T102 -147L99 -148Q101 -153 118 -160T152 -167H160Q177 -167 186 -165Q219 -156 247 -127T290 -65T313 -9T321 21L315 17Q309 13 296 6T270 -6Q250 -11 231 -11Q185 -11 150 11T104 82Q103 89 103 113Q103 170 138 262T173 379Q173 380 173 381Q173 390 173 393T169 400T158 404H154Q131 404 112 385T82 344T65 302T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-1-TEX-N-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path><path id="MJX-1-TEX-I-1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path><path id="MJX-1-TEX-N-2C" d="M78 35T78 60T94 103T137 121Q165 121 187 96T210 8Q210 -27 201 -60T180 -117T154 -158T130 -185T117 -194Q113 -194 104 -185T95 -172Q95 -168 106 -156T131 -126T157 -76T173 -3V9L172 8Q170 7 167 6T161 3T152 1T140 0Q113 0 96 17Z"></path><path id="MJX-1-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path><path id="MJX-1-TEX-N-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path><path id="MJX-1-TEX-I-1D434" d="M208 74Q208 50 254 46Q272 46 272 35Q272 34 270 22Q267 8 264 4T251 0Q249 0 239 0T205 1T141 2Q70 2 50 0H42Q35 7 35 11Q37 38 48 46H62Q132 49 164 96Q170 102 345 401T523 704Q530 716 547 716H555H572Q578 707 578 706L606 383Q634 60 636 57Q641 46 701 46Q726 46 726 36Q726 34 723 22Q720 7 718 4T704 0Q701 0 690 0T651 1T578 2Q484 2 455 0H443Q437 6 437 9T439 27Q443 40 445 43L449 46H469Q523 49 533 63L521 213H283L249 155Q208 86 208 74ZM516 260Q516 271 504 416T490 562L463 519Q447 492 400 412L310 260L413 259Q516 259 516 260Z"></path><path id="MJX-1-TEX-I-1D452" d="M39 168Q39 225 58 272T107 350T174 402T244 433T307 442H310Q355 442 388 420T421 355Q421 265 310 237Q261 224 176 223Q139 223 138 221Q138 219 132 186T125 128Q125 81 146 54T209 26T302 45T394 111Q403 121 406 121Q410 121 419 112T429 98T420 82T390 55T344 24T281 -1T205 -11Q126 -11 83 42T39 168ZM373 353Q367 405 305 405Q272 405 244 391T199 357T170 316T154 280T149 261Q149 260 169 260Q282 260 327 284T373 353Z"></path><path id="MJX-1-TEX-I-1D456" d="M184 600Q184 624 203 642T247 661Q265 661 277 649T290 619Q290 596 270 577T226 557Q211 557 198 567T184 600ZM21 287Q21 295 30 318T54 369T98 420T158 442Q197 442 223 419T250 357Q250 340 236 301T196 196T154 83Q149 61 149 51Q149 26 166 26Q175 26 185 29T208 43T235 78T260 137Q263 149 265 151T282 153Q302 153 302 143Q302 135 293 112T268 61T223 11T161 -11Q129 -11 102 10T74 74Q74 91 79 106T122 220Q160 321 166 341T173 380Q173 404 156 404H154Q124 404 99 371T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Z"></path><path id="MJX-1-TEX-I-1D703" d="M35 200Q35 302 74 415T180 610T319 704Q320 704 327 704T339 705Q393 701 423 656Q462 596 462 495Q462 380 417 261T302 66T168 -10H161Q125 -10 99 10T60 63T41 130T35 200ZM383 566Q383 668 330 668Q294 668 260 623T204 521T170 421T157 371Q206 370 254 370L351 371Q352 372 359 404T375 484T383 566ZM113 132Q113 26 166 26Q181 26 198 36T239 74T287 161T335 307L340 324H145Q145 321 136 286T120 208T113 132Z"></path><path id="MJX-1-TEX-N-63" d="M370 305T349 305T313 320T297 358Q297 381 312 396Q317 401 317 402T307 404Q281 408 258 408Q209 408 178 376Q131 329 131 219Q131 137 162 90Q203 29 272 29Q313 29 338 55T374 117Q376 125 379 127T395 129H409Q415 123 415 120Q415 116 411 104T395 71T366 33T318 2T249 -11Q163 -11 99 53T34 214Q34 318 99 383T250 448T370 421T404 357Q404 334 387 320Z"></path><path id="MJX-1-TEX-N-6F" d="M28 214Q28 309 93 378T250 448Q340 448 405 380T471 215Q471 120 407 55T250 -10Q153 -10 91 57T28 214ZM250 30Q372 30 372 193V225V250Q372 272 371 288T364 326T348 362T317 390T268 410Q263 411 252 411Q222 411 195 399Q152 377 139 338T126 246V226Q126 130 145 91Q177 30 250 30Z"></path><path id="MJX-1-TEX-N-73" d="M295 316Q295 356 268 385T190 414Q154 414 128 401Q98 382 98 349Q97 344 98 336T114 312T157 287Q175 282 201 278T245 269T277 256Q294 248 310 236T342 195T359 133Q359 71 321 31T198 -10H190Q138 -10 94 26L86 19L77 10Q71 4 65 -1L54 -11H46H42Q39 -11 33 -5V74V132Q33 153 35 157T45 162H54Q66 162 70 158T75 146T82 119T101 77Q136 26 198 26Q295 26 295 104Q295 133 277 151Q257 175 194 187T111 210Q75 227 54 256T33 318Q33 357 50 384T93 424T143 442T187 447H198Q238 447 268 432L283 424L292 431Q302 440 314 448H322H326Q329 448 335 442V310L329 304H301Q295 310 295 316Z"></path><path id="MJX-1-TEX-N-2061" d=""></path><path id="MJX-1-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-1-TEX-N-69" d="M69 609Q69 637 87 653T131 669Q154 667 171 652T188 609Q188 579 171 564T129 549Q104 549 87 564T69 609ZM247 0Q232 3 143 3Q132 3 106 3T56 1L34 0H26V46H42Q70 46 91 49Q100 53 102 60T104 102V205V293Q104 345 102 359T88 378Q74 385 41 385H30V408Q30 431 32 431L42 432Q52 433 70 434T106 436Q123 437 142 438T171 441T182 442H185V62Q190 52 197 50T232 46H255V0H247Z"></path><path id="MJX-1-TEX-N-6E" d="M41 46H55Q94 46 102 60V68Q102 77 102 91T102 122T103 161T103 203Q103 234 103 269T102 328V351Q99 370 88 376T43 385H25V408Q25 431 27 431L37 432Q47 433 65 434T102 436Q119 437 138 438T167 441T178 442H181V402Q181 364 182 364T187 369T199 384T218 402T247 421T285 437Q305 442 336 442Q450 438 463 329Q464 322 464 190V104Q464 66 466 59T477 49Q498 46 526 46H542V0H534L510 1Q487 2 460 2T422 3Q319 3 310 0H302V46H318Q379 46 379 62Q380 64 380 200Q379 335 378 343Q372 371 358 385T334 402T308 404Q263 404 229 370Q202 343 195 315T187 232V168V108Q187 78 188 68T191 55T200 49Q221 46 249 46H265V0H257L234 1Q210 2 183 2T145 3Q42 3 33 0H25V46H41Z"></path><path id="MJX-1-TEX-N-4D" d="M132 622Q125 629 121 631T105 634T62 637H29V683H135Q221 683 232 682T249 675Q250 674 354 398L458 124L562 398Q666 674 668 675Q671 681 683 682T781 683H887V637H854Q814 636 803 634T785 622V61Q791 51 802 49T854 46H887V0H876Q855 3 736 3Q605 3 596 0H585V46H618Q660 47 669 49T688 61V347Q688 424 688 461T688 546T688 613L687 632Q454 14 450 7Q446 1 430 1T410 7Q409 9 292 316L176 624V606Q175 588 175 543T175 463T175 356L176 86Q187 50 261 46H278V0H269Q254 3 154 3Q52 3 37 0H29V46H46Q78 48 98 56T122 69T132 86V622Z"></path><path id="MJX-1-TEX-N-79" d="M69 -66Q91 -66 104 -80T118 -116Q118 -134 109 -145T91 -160Q84 -163 97 -166Q104 -168 111 -168Q131 -168 148 -159T175 -138T197 -106T213 -75T225 -43L242 0L170 183Q150 233 125 297Q101 358 96 368T80 381Q79 382 78 382Q66 385 34 385H19V431H26L46 430Q65 430 88 429T122 428Q129 428 142 428T171 429T200 430T224 430L233 431H241V385H232Q183 385 185 366L286 112Q286 113 332 227L376 341V350Q376 365 366 373T348 383T334 385H331V431H337H344Q351 431 361 431T382 430T405 429T422 429Q477 429 503 431H508V385H497Q441 380 422 345Q420 343 378 235T289 9T227 -131Q180 -204 113 -204Q69 -204 44 -177T19 -116Q19 -89 35 -78T69 -66Z"></path><path id="MJX-1-TEX-N-20" d=""></path><path id="MJX-1-TEX-N-61" d="M137 305T115 305T78 320T63 359Q63 394 97 421T218 448Q291 448 336 416T396 340Q401 326 401 309T402 194V124Q402 76 407 58T428 40Q443 40 448 56T453 109V145H493V106Q492 66 490 59Q481 29 455 12T400 -6T353 12T329 54V58L327 55Q325 52 322 49T314 40T302 29T287 17T269 6T247 -2T221 -8T190 -11Q130 -11 82 20T34 107Q34 128 41 147T68 188T116 225T194 253T304 268H318V290Q318 324 312 340Q290 411 215 411Q197 411 181 410T156 406T148 403Q170 388 170 359Q170 334 154 320ZM126 106Q126 75 150 51T209 26Q247 26 276 49T315 109Q317 116 318 175Q318 233 317 233Q309 233 296 232T251 223T193 203T147 166T126 106Z"></path><path id="MJX-1-TEX-N-74" d="M27 422Q80 426 109 478T141 600V615H181V431H316V385H181V241Q182 116 182 100T189 68Q203 29 238 29Q282 29 292 100Q293 108 293 146V181H333V146V134Q333 57 291 17Q264 -10 221 -10Q187 -10 162 2T124 33T105 68T98 100Q97 107 97 248V385H18V422H27Z"></path><path id="MJX-1-TEX-N-68" d="M41 46H55Q94 46 102 60V68Q102 77 102 91T102 124T102 167T103 217T103 272T103 329Q103 366 103 407T103 482T102 542T102 586T102 603Q99 622 88 628T43 637H25V660Q25 683 27 683L37 684Q47 685 66 686T103 688Q120 689 140 690T170 693T181 694H184V367Q244 442 328 442Q451 442 463 329Q464 322 464 190V104Q464 66 466 59T477 49Q498 46 526 46H542V0H534L510 1Q487 2 460 2T422 3Q319 3 310 0H302V46H318Q379 46 379 62Q380 64 380 200Q379 335 378 343Q372 371 358 385T334 402T308 404Q263 404 229 370Q202 343 195 315T187 232V168V108Q187 78 188 68T191 55T200 49Q221 46 249 46H265V0H257L234 1Q210 2 183 2T145 3Q42 3 33 0H25V46H41Z"></path><path id="MJX-1-TEX-N-2D" d="M11 179V252H277V179H11Z"></path><path id="MJX-1-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path><path id="MJX-1-TEX-I-1D458" d="M121 647Q121 657 125 670T137 683Q138 683 209 688T282 694Q294 694 294 686Q294 679 244 477Q194 279 194 272Q213 282 223 291Q247 309 292 354T362 415Q402 442 438 442Q468 442 485 423T503 369Q503 344 496 327T477 302T456 291T438 288Q418 288 406 299T394 328Q394 353 410 369T442 390L458 393Q446 405 434 405H430Q398 402 367 380T294 316T228 255Q230 254 243 252T267 246T293 238T320 224T342 206T359 180T365 147Q365 130 360 106T354 66Q354 26 381 26Q429 26 459 145Q461 153 479 153H483Q499 153 499 144Q499 139 496 130Q455 -11 378 -11Q333 -11 305 15T277 90Q277 108 280 121T283 145Q283 167 269 183T234 206T200 217T182 220H180Q168 178 159 139T145 81T136 44T129 20T122 7T111 -2Q98 -11 83 -11Q66 -11 57 -1T48 16Q48 26 85 176T158 471L195 616Q196 629 188 632T149 637H144Q134 637 131 637T124 640T121 647Z"></path><path id="MJX-1-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-1-TEX-I-1D714" d="M495 384Q495 406 514 424T555 443Q574 443 589 425T604 364Q604 334 592 278T555 155T483 38T377 -11Q297 -11 267 66Q266 68 260 61Q201 -11 125 -11Q15 -11 15 139Q15 230 56 325T123 434Q135 441 147 436Q160 429 160 418Q160 406 140 379T94 306T62 208Q61 202 61 187Q61 124 85 100T143 76Q201 76 245 129L253 137V156Q258 297 317 297Q348 297 348 261Q348 243 338 213T318 158L308 135Q309 133 310 129T318 115T334 97T358 83T393 76Q456 76 501 148T546 274Q546 305 533 325T508 357T495 384Z"></path><path id="MJX-1-TEX-LO-28" d="M180 96T180 250T205 541T266 770T353 944T444 1069T527 1150H555Q561 1144 561 1141Q561 1137 545 1120T504 1072T447 995T386 878T330 721T288 513T272 251Q272 133 280 56Q293 -87 326 -209T399 -405T475 -531T536 -609T561 -640Q561 -643 555 -649H527Q483 -612 443 -568T353 -443T266 -270T205 -41Z"></path><path id="MJX-1-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-1-TEX-I-1D70B" d="M132 -11Q98 -11 98 22V33L111 61Q186 219 220 334L228 358H196Q158 358 142 355T103 336Q92 329 81 318T62 297T53 285Q51 284 38 284Q19 284 19 294Q19 300 38 329T93 391T164 429Q171 431 389 431Q549 431 553 430Q573 423 573 402Q573 371 541 360Q535 358 472 358H408L405 341Q393 269 393 222Q393 170 402 129T421 65T431 37Q431 20 417 5T381 -10Q370 -10 363 -7T347 17T331 77Q330 86 330 121Q330 170 339 226T357 318T367 358H269L268 354Q268 351 249 275T206 114T175 17Q164 -11 132 -11Z"></path><path id="MJX-1-TEX-I-1D706" d="M166 673Q166 685 183 694H202Q292 691 316 644Q322 629 373 486T474 207T524 67Q531 47 537 34T546 15T551 6T555 2T556 -2T550 -11H482Q457 3 450 18T399 152L354 277L340 262Q327 246 293 207T236 141Q211 112 174 69Q123 9 111 -1T83 -12Q47 -12 47 20Q47 37 61 52T199 187Q229 216 266 252T321 306L338 322Q338 323 288 462T234 612Q214 657 183 657Q166 657 166 673Z"></path><path id="MJX-1-TEX-I-1D463" d="M173 380Q173 405 154 405Q130 405 104 376T61 287Q60 286 59 284T58 281T56 279T53 278T49 278T41 278H27Q21 284 21 287Q21 294 29 316T53 368T97 419T160 441Q202 441 225 417T249 361Q249 344 246 335Q246 329 231 291T200 202T182 113Q182 86 187 69Q200 26 250 26Q287 26 319 60T369 139T398 222T409 277Q409 300 401 317T383 343T365 361T357 383Q357 405 376 424T417 443Q436 443 451 425T467 367Q467 340 455 284T418 159T347 40T241 -11Q177 -11 139 22Q102 54 102 117Q102 148 110 181T151 298Q173 362 173 380Z"></path><path id="MJX-1-TEX-LO-29" d="M35 1138Q35 1150 51 1150H56H69Q113 1113 153 1069T243 944T330 771T391 541T416 250T391 -40T330 -270T243 -443T152 -568T69 -649H56Q43 -649 39 -647T35 -637Q65 -607 110 -548Q283 -316 316 56Q324 133 324 251Q324 368 316 445Q278 877 48 1123Q36 1137 35 1138Z"></path><path id="MJX-1-TEX-N-33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(0.020098,-0.020098) translate(0, -5120.8)"><g data-mml-node="math"><g data-mml-node="mtable" transform="translate(6968,0) translate(-6968,0)"><g transform="translate(0 5120.8) matrix(1 0 0 -1 0 0) scale(49.76)"><svg data-table="true" preserveAspectRatio="xMidYMid" viewBox="12905.9 -5120.8 1 9741.5"><g transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="mtr" transform="translate(0,4209.2)"><g data-mml-node="mtd"><g data-mml-node="mi"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(767.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1823.6,0)"><use data-c="1D466" xlink:href="#MJX-1-TEX-I-1D466"></use></g><g data-mml-node="mo" transform="translate(2313.6,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(2702.6,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(3274.6,0)"><use data-c="2C" xlink:href="#MJX-1-TEX-N-2C"></use></g><g data-mml-node="mi" transform="translate(3719.2,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(4080.2,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="msup" transform="translate(2083.6,0)"><g data-mml-node="mi"><use data-c="1D452" xlink:href="#MJX-1-TEX-I-1D452"></use></g><g data-mml-node="TeXAtom" transform="translate(499,413) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(345,0)"><use data-c="1D703" xlink:href="#MJX-1-TEX-I-1D703"></use></g></g></g></g></g><g data-mml-node="mlabeledtr" transform="translate(0,2909.2)"><g data-mml-node="mtd" transform="translate(4469.2,0)"></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mo" transform="translate(2083.6,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(2472.6,0)"><use data-c="63" xlink:href="#MJX-1-TEX-N-63"></use><use data-c="6F" xlink:href="#MJX-1-TEX-N-6F" transform="translate(444,0)"></use><use data-c="73" xlink:href="#MJX-1-TEX-N-73" transform="translate(944,0)"></use></g><g data-mml-node="mo" transform="translate(3810.6,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mi" transform="translate(3977.2,0)"><use data-c="1D703" xlink:href="#MJX-1-TEX-I-1D703"></use></g><g data-mml-node="mo" transform="translate(4668.4,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(5668.7,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(6180.3,0)"><use data-c="73" xlink:href="#MJX-1-TEX-N-73"></use><use data-c="69" xlink:href="#MJX-1-TEX-N-69" transform="translate(394,0)"></use><use data-c="6E" xlink:href="#MJX-1-TEX-N-6E" transform="translate(672,0)"></use></g><g data-mml-node="mo" transform="translate(7408.3,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mi" transform="translate(7575,0)"><use data-c="1D703" xlink:href="#MJX-1-TEX-I-1D703"></use></g><g data-mml-node="mo" transform="translate(8044,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,1609.2)"><g data-mml-node="mtd" transform="translate(4469.2,0)"></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mo" transform="translate(2083.6,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(2472.6,0)"><use data-c="63" xlink:href="#MJX-1-TEX-N-63"></use><use data-c="6F" xlink:href="#MJX-1-TEX-N-6F" transform="translate(444,0)"></use><use data-c="73" xlink:href="#MJX-1-TEX-N-73" transform="translate(944,0)"></use></g><g data-mml-node="mo" transform="translate(3810.6,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mrow" transform="translate(3977.2,0)"><g data-mml-node="mo"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(389,0)"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mi" transform="translate(910,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(1704.2,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(2704.4,0)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mi" transform="translate(3326.4,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(3687.4,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g><g data-mml-node="mo" transform="translate(8275.9,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(9276.1,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(9787.8,0)"><use data-c="73" xlink:href="#MJX-1-TEX-N-73"></use><use data-c="69" xlink:href="#MJX-1-TEX-N-69" transform="translate(394,0)"></use><use data-c="6E" xlink:href="#MJX-1-TEX-N-6E" transform="translate(672,0)"></use></g><g data-mml-node="mo" transform="translate(11015.8,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mrow" transform="translate(11182.4,0)"><g data-mml-node="mo"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(389,0)"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mi" transform="translate(910,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(1704.2,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(2704.4,0)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mi" transform="translate(3326.4,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(3687.4,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g><g data-mml-node="mo" transform="translate(15258.9,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g></g><g data-mml-node="mtr" transform="translate(0,309.2)"><g data-mml-node="mtd" transform="translate(4469.2,0)"></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(2250.2,0)"><use data-c="63" xlink:href="#MJX-1-TEX-N-63"></use><use data-c="6F" xlink:href="#MJX-1-TEX-N-6F" transform="translate(444,0)"></use><use data-c="73" xlink:href="#MJX-1-TEX-N-73" transform="translate(944,0)"></use></g><g data-mml-node="mo" transform="translate(3588.2,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mrow" transform="translate(3754.9,0)"><g data-mml-node="mo"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(389,0)"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mi" transform="translate(910,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(1704.2,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(2704.4,0)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mi" transform="translate(3326.4,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(3687.4,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g><g data-mml-node="mo" transform="translate(8053.6,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(9053.8,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(9398.8,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(10315.4,0)"><use data-c="73" xlink:href="#MJX-1-TEX-N-73"></use><use data-c="69" xlink:href="#MJX-1-TEX-N-69" transform="translate(394,0)"></use><use data-c="6E" xlink:href="#MJX-1-TEX-N-6E" transform="translate(672,0)"></use></g><g data-mml-node="mo" transform="translate(11543.4,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mrow" transform="translate(11710.1,0)"><g data-mml-node="mo"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(389,0)"><use data-c="1D458" xlink:href="#MJX-1-TEX-I-1D458"></use></g><g data-mml-node="mi" transform="translate(910,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(1704.2,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(2704.4,0)"><use data-c="1D714" xlink:href="#MJX-1-TEX-I-1D714"></use></g><g data-mml-node="mi" transform="translate(3326.4,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(3687.4,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g></g></g><g data-mml-node="mlabeledtr" transform="translate(0,-1582.8)"><g data-mml-node="mtd" transform="translate(4469.2,0)"></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(2250.2,0)"><use data-c="63" xlink:href="#MJX-1-TEX-N-63"></use><use data-c="6F" xlink:href="#MJX-1-TEX-N-6F" transform="translate(444,0)"></use><use data-c="73" xlink:href="#MJX-1-TEX-N-73" transform="translate(944,0)"></use></g><g data-mml-node="mo" transform="translate(3588.2,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(3754.9,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-LO-28"></use></g></g><g data-mml-node="mfrac" transform="translate(4351.9,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g></g><g data-mml-node="mi" transform="translate(463.5,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1270" height="60" x="120" y="220"></rect></g><g data-mml-node="mi" transform="translate(5861.9,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(6656.1,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mfrac" transform="translate(7656.3,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g><g data-mml-node="mi" transform="translate(1070,0)"><use data-c="1D463" xlink:href="#MJX-1-TEX-I-1D463"></use></g></g><g data-mml-node="mi" transform="translate(706,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1755" height="60" x="120" y="220"></rect></g><g data-mml-node="mi" transform="translate(9651.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(10012.3,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-LO-29"></use></g></g><g data-mml-node="mo" transform="translate(10831.6,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(11831.8,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(12176.8,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(13093.4,0)"><use data-c="73" xlink:href="#MJX-1-TEX-N-73"></use><use data-c="69" xlink:href="#MJX-1-TEX-N-69" transform="translate(394,0)"></use><use data-c="6E" xlink:href="#MJX-1-TEX-N-6E" transform="translate(672,0)"></use></g><g data-mml-node="mo" transform="translate(14321.4,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(14488.1,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="28" xlink:href="#MJX-1-TEX-LO-28"></use></g></g><g data-mml-node="mfrac" transform="translate(15085.1,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g></g><g data-mml-node="mi" transform="translate(463.5,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1270" height="60" x="120" y="220"></rect></g><g data-mml-node="mi" transform="translate(16595.1,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(17389.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mfrac" transform="translate(18389.6,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g><g data-mml-node="mi" transform="translate(1070,0)"><use data-c="1D463" xlink:href="#MJX-1-TEX-I-1D463"></use></g></g><g data-mml-node="mi" transform="translate(706,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1755" height="60" x="120" y="220"></rect></g><g data-mml-node="mi" transform="translate(20384.6,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(20745.6,0)"><g data-mml-node="mo" transform="translate(0 -0.5)"><use data-c="29" xlink:href="#MJX-1-TEX-LO-29"></use></g></g></g></g><g data-mml-node="mlabeledtr" transform="translate(0,-3922.8)"><g data-mml-node="mtd" transform="translate(4469.2,0)"></g><g data-mml-node="mtd" transform="translate(4469.2,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><use data-c="3D" xlink:href="#MJX-1-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(1333.6,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(2250.2,0)"><use data-c="63" xlink:href="#MJX-1-TEX-N-63"></use><use data-c="6F" xlink:href="#MJX-1-TEX-N-6F" transform="translate(444,0)"></use><use data-c="73" xlink:href="#MJX-1-TEX-N-73" transform="translate(944,0)"></use></g><g data-mml-node="mo" transform="translate(3588.2,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mfrac" transform="translate(3754.9,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g></g><g data-mml-node="mi" transform="translate(463.5,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1270" height="60" x="120" y="220"></rect></g><g data-mml-node="mo" transform="translate(5264.9,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(5653.9,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(6448.1,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(7448.3,0)"><use data-c="1D463" xlink:href="#MJX-1-TEX-I-1D463"></use></g><g data-mml-node="mi" transform="translate(7933.3,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(8294.3,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g><g data-mml-node="mo" transform="translate(8905.6,0)"><use data-c="2B" xlink:href="#MJX-1-TEX-N-2B"></use></g><g data-mml-node="mi" transform="translate(9905.8,0)"><use data-c="1D456" xlink:href="#MJX-1-TEX-I-1D456"></use></g><g data-mml-node="mi" transform="translate(10250.8,0)"><use data-c="1D434" xlink:href="#MJX-1-TEX-I-1D434"></use></g><g data-mml-node="mi" transform="translate(11167.4,0)"><use data-c="73" xlink:href="#MJX-1-TEX-N-73"></use><use data-c="69" xlink:href="#MJX-1-TEX-N-69" transform="translate(394,0)"></use><use data-c="6E" xlink:href="#MJX-1-TEX-N-6E" transform="translate(672,0)"></use></g><g data-mml-node="mo" transform="translate(12395.4,0)"><use data-c="2061" xlink:href="#MJX-1-TEX-N-2061"></use></g><g data-mml-node="mfrac" transform="translate(12562.1,0)"><g data-mml-node="mrow" transform="translate(220,676)"><g data-mml-node="mn"><use data-c="32" xlink:href="#MJX-1-TEX-N-32"></use></g><g data-mml-node="mi" transform="translate(500,0)"><use data-c="1D70B" xlink:href="#MJX-1-TEX-I-1D70B"></use></g></g><g data-mml-node="mi" transform="translate(463.5,-686)"><use data-c="1D706" xlink:href="#MJX-1-TEX-I-1D706"></use></g><rect width="1270" height="60" x="120" y="220"></rect></g><g data-mml-node="mo" transform="translate(14072.1,0)"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use></g><g data-mml-node="mi" transform="translate(14461.1,0)"><use data-c="1D465" xlink:href="#MJX-1-TEX-I-1D465"></use></g><g data-mml-node="mo" transform="translate(15255.3,0)"><use data-c="2212" xlink:href="#MJX-1-TEX-N-2212"></use></g><g data-mml-node="mi" transform="translate(16255.6,0)"><use data-c="1D463" xlink:href="#MJX-1-TEX-I-1D463"></use></g><g data-mml-node="mi" transform="translate(16740.6,0)"><use data-c="1D461" xlink:href="#MJX-1-TEX-I-1D461"></use></g><g data-mml-node="mo" transform="translate(17101.6,0)"><use data-c="29" xlink:href="#MJX-1-TEX-N-29"></use></g></g></g></g></svg><svg data-labels="true" preserveAspectRatio="xMaxYMid" viewBox="6168 -5120.8 1 9741.5"><g data-labels="true" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="mtd" id="mjx-mjx-eqn:mymath-1" transform="translate(0,3659.2)"><text data-id-align="true"></text><g data-idbox="true" transform="translate(0,-750)"><g data-mml-node="mtext"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(389,0)"></use><use data-c="79" xlink:href="#MJX-1-TEX-N-79" transform="translate(1306,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(1834,0)"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(2084,0)"></use><use data-c="61" xlink:href="#MJX-1-TEX-N-61" transform="translate(3001,0)"></use><use data-c="74" xlink:href="#MJX-1-TEX-N-74" transform="translate(3501,0)"></use><use data-c="68" xlink:href="#MJX-1-TEX-N-68" transform="translate(3890,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(4446,0)"></use><use data-c="2D" xlink:href="#MJX-1-TEX-N-2D" transform="translate(4696,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(5029,0)"></use><use data-c="31" xlink:href="#MJX-1-TEX-N-31" transform="translate(5279,0)"></use><use data-c="29" xlink:href="#MJX-1-TEX-N-29" transform="translate(5779,0)"></use></g></g></g><g data-mml-node="mtd" id="mjx-mjx-eqn:mymath-2" transform="translate(0,-832.8)"><text data-id-align="true"></text><g data-idbox="true" transform="translate(0,-750)"><g data-mml-node="mtext"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(389,0)"></use><use data-c="79" xlink:href="#MJX-1-TEX-N-79" transform="translate(1306,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(1834,0)"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(2084,0)"></use><use data-c="61" xlink:href="#MJX-1-TEX-N-61" transform="translate(3001,0)"></use><use data-c="74" xlink:href="#MJX-1-TEX-N-74" transform="translate(3501,0)"></use><use data-c="68" xlink:href="#MJX-1-TEX-N-68" transform="translate(3890,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(4446,0)"></use><use data-c="2D" xlink:href="#MJX-1-TEX-N-2D" transform="translate(4696,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(5029,0)"></use><use data-c="32" xlink:href="#MJX-1-TEX-N-32" transform="translate(5279,0)"></use><use data-c="29" xlink:href="#MJX-1-TEX-N-29" transform="translate(5779,0)"></use></g></g></g><g data-mml-node="mtd" id="mjx-mjx-eqn:mymath-3" transform="translate(0,-3172.8)"><text data-id-align="true"></text><g data-idbox="true" transform="translate(0,-750)"><g data-mml-node="mtext"><use data-c="28" xlink:href="#MJX-1-TEX-N-28"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(389,0)"></use><use data-c="79" xlink:href="#MJX-1-TEX-N-79" transform="translate(1306,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(1834,0)"></use><use data-c="4D" xlink:href="#MJX-1-TEX-N-4D" transform="translate(2084,0)"></use><use data-c="61" xlink:href="#MJX-1-TEX-N-61" transform="translate(3001,0)"></use><use data-c="74" xlink:href="#MJX-1-TEX-N-74" transform="translate(3501,0)"></use><use data-c="68" xlink:href="#MJX-1-TEX-N-68" transform="translate(3890,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(4446,0)"></use><use data-c="2D" xlink:href="#MJX-1-TEX-N-2D" transform="translate(4696,0)"></use><use data-c="20" xlink:href="#MJX-1-TEX-N-20" transform="translate(5029,0)"></use><use data-c="33" xlink:href="#MJX-1-TEX-N-33" transform="translate(5279,0)"></use><use data-c="29" xlink:href="#MJX-1-TEX-N-29" transform="translate(5779,0)"></use></g></g></g></g></svg></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mtable displaystyle="true" columnalign="right left" columnspacing="0em" rowspacing="3pt"><mtr><mtd><mi>y</mi><mo>=</mo><mi>y</mi><mo stretchy="false">(</mo><mi>x</mi><mo>,</mo><mi>t</mi><mo stretchy="false">)</mo></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><msup><mi>e</mi><mrow data-mjx-texclass="ORD"><mi>i</mi><mi>θ</mi></mrow></msup></mtd></mtr><mlabeledtr><mtd><mtext>(My Math - 1)</mtext></mtd><mtd></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><mo stretchy="false">(</mo><mi>cos</mi><mo data-mjx-texclass="NONE">⁡</mo><mi>θ</mi><mo>+</mo><mi>i</mi><mi>sin</mi><mo data-mjx-texclass="NONE">⁡</mo><mi>θ</mi><mo stretchy="false">)</mo></mtd></mlabeledtr><mtr><mtd></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><mo stretchy="false">(</mo><mi>cos</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="INNER"><mo data-mjx-texclass="OPEN">(</mo><mi>k</mi><mi>x</mi><mo>−</mo><mi>ω</mi><mi>t</mi><mo data-mjx-texclass="CLOSE">)</mo></mrow><mo>+</mo><mi>i</mi><mi>sin</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="INNER"><mo data-mjx-texclass="OPEN">(</mo><mi>k</mi><mi>x</mi><mo>−</mo><mi>ω</mi><mi>t</mi><mo data-mjx-texclass="CLOSE">)</mo></mrow><mo stretchy="false">)</mo></mtd></mtr><mtr><mtd></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><mi>cos</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="INNER"><mo data-mjx-texclass="OPEN">(</mo><mi>k</mi><mi>x</mi><mo>−</mo><mi>ω</mi><mi>t</mi><mo data-mjx-texclass="CLOSE">)</mo></mrow><mo>+</mo><mi>i</mi><mi>A</mi><mi>sin</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="INNER"><mo data-mjx-texclass="OPEN">(</mo><mi>k</mi><mi>x</mi><mo>−</mo><mi>ω</mi><mi>t</mi><mo data-mjx-texclass="CLOSE">)</mo></mrow></mtd></mtr><mlabeledtr><mtd><mtext>(My Math - 2)</mtext></mtd><mtd></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><mi>cos</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="ORD"><mo minsize="1.623em" maxsize="1.623em">(</mo></mrow><mfrac><mrow><mn>2</mn><mi>π</mi></mrow><mi>λ</mi></mfrac><mi>x</mi><mo>−</mo><mfrac><mrow><mn>2</mn><mi>π</mi><mi>v</mi></mrow><mi>λ</mi></mfrac><mi>t</mi><mrow data-mjx-texclass="ORD"><mo minsize="1.623em" maxsize="1.623em">)</mo></mrow><mo>+</mo><mi>i</mi><mi>A</mi><mi>sin</mi><mo data-mjx-texclass="NONE">⁡</mo><mrow data-mjx-texclass="ORD"><mo minsize="1.623em" maxsize="1.623em">(</mo></mrow><mfrac><mrow><mn>2</mn><mi>π</mi></mrow><mi>λ</mi></mfrac><mi>x</mi><mo>−</mo><mfrac><mrow><mn>2</mn><mi>π</mi><mi>v</mi></mrow><mi>λ</mi></mfrac><mi>t</mi><mrow data-mjx-texclass="ORD"><mo minsize="1.623em" maxsize="1.623em">)</mo></mrow></mtd></mlabeledtr><mlabeledtr><mtd><mtext>(My Math - 3)</mtext></mtd><mtd></mtd><mtd><mi></mi><mo>=</mo><mi>A</mi><mi>cos</mi><mo data-mjx-texclass="NONE">⁡</mo><mfrac><mrow><mn>2</mn><mi>π</mi></mrow><mi>λ</mi></mfrac><mo stretchy="false">(</mo><mi>x</mi><mo>−</mo><mi>v</mi><mi>t</mi><mo stretchy="false">)</mo><mo>+</mo><mi>i</mi><mi>A</mi><mi>sin</mi><mo data-mjx-texclass="NONE">⁡</mo><mfrac><mrow><mn>2</mn><mi>π</mi></mrow><mi>λ</mi></mfrac><mo stretchy="false">(</mo><mi>x</mi><mo>−</mo><mi>v</mi><mi>t</mi><mo stretchy="false">)</mo></mtd></mlabeledtr></mtable></math></mjx-assistive-mml></mjx-container></div></div><p><span>还可以引用公式序号，例如参考公式：</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="12.195ex" height="2.032ex" role="img" focusable="false" viewBox="0 -694 5390 898" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.462ex;"><defs><path id="MJX-7-TEX-N-4D" d="M132 622Q125 629 121 631T105 634T62 637H29V683H135Q221 683 232 682T249 675Q250 674 354 398L458 124L562 398Q666 674 668 675Q671 681 683 682T781 683H887V637H854Q814 636 803 634T785 622V61Q791 51 802 49T854 46H887V0H876Q855 3 736 3Q605 3 596 0H585V46H618Q660 47 669 49T688 61V347Q688 424 688 461T688 546T688 613L687 632Q454 14 450 7Q446 1 430 1T410 7Q409 9 292 316L176 624V606Q175 588 175 543T175 463T175 356L176 86Q187 50 261 46H278V0H269Q254 3 154 3Q52 3 37 0H29V46H46Q78 48 98 56T122 69T132 86V622Z"></path><path id="MJX-7-TEX-N-79" d="M69 -66Q91 -66 104 -80T118 -116Q118 -134 109 -145T91 -160Q84 -163 97 -166Q104 -168 111 -168Q131 -168 148 -159T175 -138T197 -106T213 -75T225 -43L242 0L170 183Q150 233 125 297Q101 358 96 368T80 381Q79 382 78 382Q66 385 34 385H19V431H26L46 430Q65 430 88 429T122 428Q129 428 142 428T171 429T200 430T224 430L233 431H241V385H232Q183 385 185 366L286 112Q286 113 332 227L376 341V350Q376 365 366 373T348 383T334 385H331V431H337H344Q351 431 361 431T382 430T405 429T422 429Q477 429 503 431H508V385H497Q441 380 422 345Q420 343 378 235T289 9T227 -131Q180 -204 113 -204Q69 -204 44 -177T19 -116Q19 -89 35 -78T69 -66Z"></path><path id="MJX-7-TEX-N-20" d=""></path><path id="MJX-7-TEX-N-61" d="M137 305T115 305T78 320T63 359Q63 394 97 421T218 448Q291 448 336 416T396 340Q401 326 401 309T402 194V124Q402 76 407 58T428 40Q443 40 448 56T453 109V145H493V106Q492 66 490 59Q481 29 455 12T400 -6T353 12T329 54V58L327 55Q325 52 322 49T314 40T302 29T287 17T269 6T247 -2T221 -8T190 -11Q130 -11 82 20T34 107Q34 128 41 147T68 188T116 225T194 253T304 268H318V290Q318 324 312 340Q290 411 215 411Q197 411 181 410T156 406T148 403Q170 388 170 359Q170 334 154 320ZM126 106Q126 75 150 51T209 26Q247 26 276 49T315 109Q317 116 318 175Q318 233 317 233Q309 233 296 232T251 223T193 203T147 166T126 106Z"></path><path id="MJX-7-TEX-N-74" d="M27 422Q80 426 109 478T141 600V615H181V431H316V385H181V241Q182 116 182 100T189 68Q203 29 238 29Q282 29 292 100Q293 108 293 146V181H333V146V134Q333 57 291 17Q264 -10 221 -10Q187 -10 162 2T124 33T105 68T98 100Q97 107 97 248V385H18V422H27Z"></path><path id="MJX-7-TEX-N-68" d="M41 46H55Q94 46 102 60V68Q102 77 102 91T102 124T102 167T103 217T103 272T103 329Q103 366 103 407T103 482T102 542T102 586T102 603Q99 622 88 628T43 637H25V660Q25 683 27 683L37 684Q47 685 66 686T103 688Q120 689 140 690T170 693T181 694H184V367Q244 442 328 442Q451 442 463 329Q464 322 464 190V104Q464 66 466 59T477 49Q498 46 526 46H542V0H534L510 1Q487 2 460 2T422 3Q319 3 310 0H302V46H318Q379 46 379 62Q380 64 380 200Q379 335 378 343Q372 371 358 385T334 402T308 404Q263 404 229 370Q202 343 195 315T187 232V168V108Q187 78 188 68T191 55T200 49Q221 46 249 46H265V0H257L234 1Q210 2 183 2T145 3Q42 3 33 0H25V46H41Z"></path><path id="MJX-7-TEX-N-2D" d="M11 179V252H277V179H11Z"></path><path id="MJX-7-TEX-N-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><a href="#mjx-eqn%3Amymath-1"><g data-mml-node="mrow" class=""><rect data-hitbox="true" fill="none" stroke="none" pointer-events="all" width="5390" height="898" y="-204"></rect><g data-mml-node="mtext"><use data-c="4D" xlink:href="#MJX-7-TEX-N-4D"></use><use data-c="79" xlink:href="#MJX-7-TEX-N-79" transform="translate(917,0)"></use><use data-c="20" xlink:href="#MJX-7-TEX-N-20" transform="translate(1445,0)"></use><use data-c="4D" xlink:href="#MJX-7-TEX-N-4D" transform="translate(1695,0)"></use><use data-c="61" xlink:href="#MJX-7-TEX-N-61" transform="translate(2612,0)"></use><use data-c="74" xlink:href="#MJX-7-TEX-N-74" transform="translate(3112,0)"></use><use data-c="68" xlink:href="#MJX-7-TEX-N-68" transform="translate(3501,0)"></use><use data-c="20" xlink:href="#MJX-7-TEX-N-20" transform="translate(4057,0)"></use><use data-c="2D" xlink:href="#MJX-7-TEX-N-2D" transform="translate(4307,0)"></use><use data-c="20" xlink:href="#MJX-7-TEX-N-20" transform="translate(4640,0)"></use><use data-c="31" xlink:href="#MJX-7-TEX-N-31" transform="translate(4890,0)"></use></g></g></a></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mrow href="#mjx-eqn%3Amymath-1" class="MathJax_ref"><mtext>My Math - 1</mtext></mrow></math></mjx-assistive-mml></mjx-container><script type="math/tex">\ref{mymath-1}</script></p><h6 id='表格内的公式'><span>表格内的公式</span></h6><figure><table><thead><tr><th style='text-align:center;' ><span>标题</span></th><th style='text-align:left;' ><span>公式</span></th><th><span>说明</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>勾股定理</span><br><span>（毕达哥拉斯定理）</span></td><td style='text-align:left;' ><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="11.893ex" height="2.072ex" role="img" focusable="false" viewBox="0 -833.9 5256.7 915.9" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.186ex;"><defs><path id="MJX-8-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path><path id="MJX-8-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-8-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-8-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path><path id="MJX-8-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-8-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msup"><g data-mml-node="mi"><use data-c="1D44E" xlink:href="#MJX-8-TEX-I-1D44E"></use></g><g data-mml-node="mn" transform="translate(562,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-8-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(1187.8,0)"><use data-c="2B" xlink:href="#MJX-8-TEX-N-2B"></use></g><g data-mml-node="msup" transform="translate(2188,0)"><g data-mml-node="mi"><use data-c="1D44F" xlink:href="#MJX-8-TEX-I-1D44F"></use></g><g data-mml-node="mn" transform="translate(462,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-8-TEX-N-32"></use></g></g><g data-mml-node="mo" transform="translate(3331.3,0)"><use data-c="3D" xlink:href="#MJX-8-TEX-N-3D"></use></g><g data-mml-node="msup" transform="translate(4387.1,0)"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-8-TEX-I-1D450"></use></g><g data-mml-node="mn" transform="translate(466,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-8-TEX-N-32"></use></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><msup><mi>a</mi><mn>2</mn></msup><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup><mo>=</mo><msup><mi>c</mi><mn>2</mn></msup></math></mjx-assistive-mml></mjx-container><script type="math/tex">a^2+b^2=c^2</script></td><td><span>在平面上的一个直角三角形中，两个直角边边长的平方加起来等于斜边长的平方。</span><br><span>如果设直角三角形的两条直角边长度分别是 </span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="1.197ex" height="1.02ex" role="img" focusable="false" viewBox="0 -441 529 451" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.023ex;"><defs><path id="MJX-9-TEX-I-1D44E" d="M33 157Q33 258 109 349T280 441Q331 441 370 392Q386 422 416 422Q429 422 439 414T449 394Q449 381 412 234T374 68Q374 43 381 35T402 26Q411 27 422 35Q443 55 463 131Q469 151 473 152Q475 153 483 153H487Q506 153 506 144Q506 138 501 117T481 63T449 13Q436 0 417 -8Q409 -10 393 -10Q359 -10 336 5T306 36L300 51Q299 52 296 50Q294 48 292 46Q233 -10 172 -10Q117 -10 75 30T33 157ZM351 328Q351 334 346 350T323 385T277 405Q242 405 210 374T160 293Q131 214 119 129Q119 126 119 118T118 106Q118 61 136 44T179 26Q217 26 254 59T298 110Q300 114 325 217T351 328Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D44E" xlink:href="#MJX-9-TEX-I-1D44E"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>a</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">a</script><span> 和 </span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="0.971ex" height="1.595ex" role="img" focusable="false" viewBox="0 -694 429 705" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.025ex;"><defs><path id="MJX-10-TEX-I-1D44F" d="M73 647Q73 657 77 670T89 683Q90 683 161 688T234 694Q246 694 246 685T212 542Q204 508 195 472T180 418L176 399Q176 396 182 402Q231 442 283 442Q345 442 383 396T422 280Q422 169 343 79T173 -11Q123 -11 82 27T40 150V159Q40 180 48 217T97 414Q147 611 147 623T109 637Q104 637 101 637H96Q86 637 83 637T76 640T73 647ZM336 325V331Q336 405 275 405Q258 405 240 397T207 376T181 352T163 330L157 322L136 236Q114 150 114 114Q114 66 138 42Q154 26 178 26Q211 26 245 58Q270 81 285 114T318 219Q336 291 336 325Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D44F" xlink:href="#MJX-10-TEX-I-1D44F"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>b</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">b</script><span>，斜边长度是 </span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="0.98ex" height="1.025ex" role="img" focusable="false" viewBox="0 -442 433 453" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.025ex;"><defs><path id="MJX-17-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-17-TEX-I-1D450"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>c</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">c</script></td></tr><tr><td style='text-align:center;' ><span>质能方程</span></td><td style='text-align:left;' ><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="8.699ex" height="2.072ex" role="img" focusable="false" viewBox="0 -833.9 3845.1 915.9" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.186ex;"><defs><path id="MJX-12-TEX-I-1D438" d="M492 213Q472 213 472 226Q472 230 477 250T482 285Q482 316 461 323T364 330H312Q311 328 277 192T243 52Q243 48 254 48T334 46Q428 46 458 48T518 61Q567 77 599 117T670 248Q680 270 683 272Q690 274 698 274Q718 274 718 261Q613 7 608 2Q605 0 322 0H133Q31 0 31 11Q31 13 34 25Q38 41 42 43T65 46Q92 46 125 49Q139 52 144 61Q146 66 215 342T285 622Q285 629 281 629Q273 632 228 634H197Q191 640 191 642T193 659Q197 676 203 680H757Q764 676 764 669Q764 664 751 557T737 447Q735 440 717 440H705Q698 445 698 453L701 476Q704 500 704 528Q704 558 697 578T678 609T643 625T596 632T532 634H485Q397 633 392 631Q388 629 386 622Q385 619 355 499T324 377Q347 376 372 376H398Q464 376 489 391T534 472Q538 488 540 490T557 493Q562 493 565 493T570 492T572 491T574 487T577 483L544 351Q511 218 508 216Q505 213 492 213Z"></path><path id="MJX-12-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-12-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-12-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-12-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D438" xlink:href="#MJX-12-TEX-I-1D438"></use></g><g data-mml-node="mo" transform="translate(1041.8,0)"><use data-c="3D" xlink:href="#MJX-12-TEX-N-3D"></use></g><g data-mml-node="mi" transform="translate(2097.6,0)"><use data-c="1D45A" xlink:href="#MJX-12-TEX-I-1D45A"></use></g><g data-mml-node="msup" transform="translate(2975.6,0)"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-12-TEX-I-1D450"></use></g><g data-mml-node="mn" transform="translate(466,363) scale(0.707)"><use data-c="32" xlink:href="#MJX-12-TEX-N-32"></use></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></math></mjx-assistive-mml></mjx-container><script type="math/tex">E=mc^2</script></td><td><span>其中，</span><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="1.729ex" height="1.538ex" role="img" focusable="false" viewBox="0 -680 764 680" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: 0px;"><defs><path id="MJX-13-TEX-I-1D438" d="M492 213Q472 213 472 226Q472 230 477 250T482 285Q482 316 461 323T364 330H312Q311 328 277 192T243 52Q243 48 254 48T334 46Q428 46 458 48T518 61Q567 77 599 117T670 248Q680 270 683 272Q690 274 698 274Q718 274 718 261Q613 7 608 2Q605 0 322 0H133Q31 0 31 11Q31 13 34 25Q38 41 42 43T65 46Q92 46 125 49Q139 52 144 61Q146 66 215 342T285 622Q285 629 281 629Q273 632 228 634H197Q191 640 191 642T193 659Q197 676 203 680H757Q764 676 764 669Q764 664 751 557T737 447Q735 440 717 440H705Q698 445 698 453L701 476Q704 500 704 528Q704 558 697 578T678 609T643 625T596 632T532 634H485Q397 633 392 631Q388 629 386 622Q385 619 355 499T324 377Q347 376 372 376H398Q464 376 489 391T534 472Q538 488 540 490T557 493Q562 493 565 493T570 492T572 491T574 487T577 483L544 351Q511 218 508 216Q505 213 492 213Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D438" xlink:href="#MJX-13-TEX-I-1D438"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>E</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">E</script><span> 是能量，单位是</span><a href='https://baike.baidu.com/item/焦耳/5489626'><span>焦耳</span></a><span>（</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="1.432ex" height="1.595ex" role="img" focusable="false" viewBox="0 -683 633 705" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.05ex;"><defs><path id="MJX-14-TEX-I-1D43D" d="M447 625Q447 637 354 637H329Q323 642 323 645T325 664Q329 677 335 683H352Q393 681 498 681Q541 681 568 681T605 682T619 682Q633 682 633 672Q633 670 630 658Q626 642 623 640T604 637Q552 637 545 623Q541 610 483 376Q420 128 419 127Q397 64 333 21T195 -22Q137 -22 97 8T57 88Q57 130 80 152T132 174Q177 174 182 130Q182 98 164 80T123 56Q115 54 115 53T122 44Q148 15 197 15Q235 15 271 47T324 130Q328 142 387 380T447 625Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D43D" xlink:href="#MJX-14-TEX-I-1D43D"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>J</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">J</script><span>）</span><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="1.986ex" height="1.025ex" role="img" focusable="false" viewBox="0 -442 878 453" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.025ex;"><defs><path id="MJX-15-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D45A" xlink:href="#MJX-15-TEX-I-1D45A"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>m</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">m</script><span> 是质量，单位是</span><a href='https://baike.baidu.com/item/千克'><span>千克</span></a><span>（</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="3.09ex" height="2.009ex" role="img" focusable="false" viewBox="0 -683 1366 888" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.464ex;"><defs><path id="MJX-16-TEX-I-1D43E" d="M285 628Q285 635 228 637Q205 637 198 638T191 647Q191 649 193 661Q199 681 203 682Q205 683 214 683H219Q260 681 355 681Q389 681 418 681T463 682T483 682Q500 682 500 674Q500 669 497 660Q496 658 496 654T495 648T493 644T490 641T486 639T479 638T470 637T456 637Q416 636 405 634T387 623L306 305Q307 305 490 449T678 597Q692 611 692 620Q692 635 667 637Q651 637 651 648Q651 650 654 662T659 677Q662 682 676 682Q680 682 711 681T791 680Q814 680 839 681T869 682Q889 682 889 672Q889 650 881 642Q878 637 862 637Q787 632 726 586Q710 576 656 534T556 455L509 418L518 396Q527 374 546 329T581 244Q656 67 661 61Q663 59 666 57Q680 47 717 46H738Q744 38 744 37T741 19Q737 6 731 0H720Q680 3 625 3Q503 3 488 0H478Q472 6 472 9T474 27Q478 40 480 43T491 46H494Q544 46 544 71Q544 75 517 141T485 216L427 354L359 301L291 248L268 155Q245 63 245 58Q245 51 253 49T303 46H334Q340 37 340 35Q340 19 333 5Q328 0 317 0Q314 0 280 1T180 2Q118 2 85 2T49 1Q31 1 31 11Q31 13 34 25Q38 41 42 43T65 46Q92 46 125 49Q139 52 144 61Q147 65 216 339T285 628Z"></path><path id="MJX-16-TEX-I-1D454" d="M311 43Q296 30 267 15T206 0Q143 0 105 45T66 160Q66 265 143 353T314 442Q361 442 401 394L404 398Q406 401 409 404T418 412T431 419T447 422Q461 422 470 413T480 394Q480 379 423 152T363 -80Q345 -134 286 -169T151 -205Q10 -205 10 -137Q10 -111 28 -91T74 -71Q89 -71 102 -80T116 -111Q116 -121 114 -130T107 -144T99 -154T92 -162L90 -164H91Q101 -167 151 -167Q189 -167 211 -155Q234 -144 254 -122T282 -75Q288 -56 298 -13Q311 35 311 43ZM384 328L380 339Q377 350 375 354T369 368T359 382T346 393T328 402T306 405Q262 405 221 352Q191 313 171 233T151 117Q151 38 213 38Q269 38 323 108L331 118L384 328Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D43E" xlink:href="#MJX-16-TEX-I-1D43E"></use></g><g data-mml-node="mi" transform="translate(889,0)"><use data-c="1D454" xlink:href="#MJX-16-TEX-I-1D454"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>K</mi><mi>g</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">Kg</script><span>）</span><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="0.98ex" height="1.025ex" role="img" focusable="false" viewBox="0 -442 433 453" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.025ex;"><defs><path id="MJX-17-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-17-TEX-I-1D450"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>c</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">c</script><span> 是真空中</span><a href='https://baike.baidu.com/item/光速'><span>光速</span></a><span>（</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="4.179ex" height="2.262ex" role="img" focusable="false" viewBox="0 -750 1847 1000" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.566ex;"><defs><path id="MJX-18-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-18-TEX-N-2F" d="M423 750Q432 750 438 744T444 730Q444 725 271 248T92 -240Q85 -250 75 -250Q68 -250 62 -245T56 -231Q56 -221 230 257T407 740Q411 750 423 750Z"></path><path id="MJX-18-TEX-I-1D460" d="M131 289Q131 321 147 354T203 415T300 442Q362 442 390 415T419 355Q419 323 402 308T364 292Q351 292 340 300T328 326Q328 342 337 354T354 372T367 378Q368 378 368 379Q368 382 361 388T336 399T297 405Q249 405 227 379T204 326Q204 301 223 291T278 274T330 259Q396 230 396 163Q396 135 385 107T352 51T289 7T195 -10Q118 -10 86 19T53 87Q53 126 74 143T118 160Q133 160 146 151T160 120Q160 94 142 76T111 58Q109 57 108 57T107 55Q108 52 115 47T146 34T201 27Q237 27 263 38T301 66T318 97T323 122Q323 150 302 164T254 181T195 196T148 231Q131 256 131 289Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D45A" xlink:href="#MJX-18-TEX-I-1D45A"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(878,0)"><g data-mml-node="mo"><use data-c="2F" xlink:href="#MJX-18-TEX-N-2F"></use></g></g><g data-mml-node="mi" transform="translate(1378,0)"><use data-c="1D460" xlink:href="#MJX-18-TEX-I-1D460"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>m</mi><mrow data-mjx-texclass="ORD"><mo>/</mo></mrow><mi>s</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">m/s</script><span>），</span><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="18.356ex" height="2.262ex" role="img" focusable="false" viewBox="0 -750 8113.6 1000" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.566ex;"><defs><path id="MJX-19-TEX-I-1D450" d="M34 159Q34 268 120 355T306 442Q362 442 394 418T427 355Q427 326 408 306T360 285Q341 285 330 295T319 325T330 359T352 380T366 386H367Q367 388 361 392T340 400T306 404Q276 404 249 390Q228 381 206 359Q162 315 142 235T121 119Q121 73 147 50Q169 26 205 26H209Q321 26 394 111Q403 121 406 121Q410 121 419 112T429 98T420 83T391 55T346 25T282 0T202 -11Q127 -11 81 37T34 159Z"></path><path id="MJX-19-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-19-TEX-N-32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path><path id="MJX-19-TEX-N-39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z"></path><path id="MJX-19-TEX-N-37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path><path id="MJX-19-TEX-N-34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path><path id="MJX-19-TEX-N-35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path><path id="MJX-19-TEX-N-38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z"></path><path id="MJX-19-TEX-I-1D45A" d="M21 287Q22 293 24 303T36 341T56 388T88 425T132 442T175 435T205 417T221 395T229 376L231 369Q231 367 232 367L243 378Q303 442 384 442Q401 442 415 440T441 433T460 423T475 411T485 398T493 385T497 373T500 364T502 357L510 367Q573 442 659 442Q713 442 746 415T780 336Q780 285 742 178T704 50Q705 36 709 31T724 26Q752 26 776 56T815 138Q818 149 821 151T837 153Q857 153 857 145Q857 144 853 130Q845 101 831 73T785 17T716 -10Q669 -10 648 17T627 73Q627 92 663 193T700 345Q700 404 656 404H651Q565 404 506 303L499 291L466 157Q433 26 428 16Q415 -11 385 -11Q372 -11 364 -4T353 8T350 18Q350 29 384 161L420 307Q423 322 423 345Q423 404 379 404H374Q288 404 229 303L222 291L189 157Q156 26 151 16Q138 -11 108 -11Q95 -11 87 -5T76 7T74 17Q74 30 112 181Q151 335 151 342Q154 357 154 369Q154 405 129 405Q107 405 92 377T69 316T57 280Q55 278 41 278H27Q21 284 21 287Z"></path><path id="MJX-19-TEX-N-2F" d="M423 750Q432 750 438 744T444 730Q444 725 271 248T92 -240Q85 -250 75 -250Q68 -250 62 -245T56 -231Q56 -221 230 257T407 740Q411 750 423 750Z"></path><path id="MJX-19-TEX-I-1D460" d="M131 289Q131 321 147 354T203 415T300 442Q362 442 390 415T419 355Q419 323 402 308T364 292Q351 292 340 300T328 326Q328 342 337 354T354 372T367 378Q368 378 368 379Q368 382 361 388T336 399T297 405Q249 405 227 379T204 326Q204 301 223 291T278 274T330 259Q396 230 396 163Q396 135 385 107T352 51T289 7T195 -10Q118 -10 86 19T53 87Q53 126 74 143T118 160Q133 160 146 151T160 120Q160 94 142 76T111 58Q109 57 108 57T107 55Q108 52 115 47T146 34T201 27Q237 27 263 38T301 66T318 97T323 122Q323 150 302 164T254 181T195 196T148 231Q131 256 131 289Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="1D450" xlink:href="#MJX-19-TEX-I-1D450"></use></g><g data-mml-node="mo" transform="translate(710.8,0)"><use data-c="3D" xlink:href="#MJX-19-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(1766.6,0)"><use data-c="32" xlink:href="#MJX-19-TEX-N-32"></use><use data-c="39" xlink:href="#MJX-19-TEX-N-39" transform="translate(500,0)"></use><use data-c="39" xlink:href="#MJX-19-TEX-N-39" transform="translate(1000,0)"></use><use data-c="37" xlink:href="#MJX-19-TEX-N-37" transform="translate(1500,0)"></use><use data-c="39" xlink:href="#MJX-19-TEX-N-39" transform="translate(2000,0)"></use><use data-c="32" xlink:href="#MJX-19-TEX-N-32" transform="translate(2500,0)"></use><use data-c="34" xlink:href="#MJX-19-TEX-N-34" transform="translate(3000,0)"></use><use data-c="35" xlink:href="#MJX-19-TEX-N-35" transform="translate(3500,0)"></use><use data-c="38" xlink:href="#MJX-19-TEX-N-38" transform="translate(4000,0)"></use></g><g data-mml-node="mi" transform="translate(6266.6,0)"><use data-c="1D45A" xlink:href="#MJX-19-TEX-I-1D45A"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(7144.6,0)"><g data-mml-node="mo"><use data-c="2F" xlink:href="#MJX-19-TEX-N-2F"></use></g></g><g data-mml-node="mi" transform="translate(7644.6,0)"><use data-c="1D460" xlink:href="#MJX-19-TEX-I-1D460"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>c</mi><mo>=</mo><mn>299792458</mn><mi>m</mi><mrow data-mjx-texclass="ORD"><mo>/</mo></mrow><mi>s</mi></math></mjx-assistive-mml></mjx-container><script type="math/tex">c=299792458 m/s</script></td></tr><tr><td style='text-align:center;' ><span>麦克斯韦方程组</span></td><td style='text-align:left;' ><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="11.284ex" height="4.128ex" role="img" focusable="false" viewBox="0 -1164.1 4987.6 1824.4" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -1.494ex;"><defs><path id="MJX-20-TEX-N-2207" d="M46 676Q46 679 51 683H781Q786 679 786 676Q786 674 617 326T444 -26Q439 -33 416 -33T388 -26Q385 -22 216 326T46 676ZM697 596Q697 597 445 597T193 596Q195 591 319 336T445 80L697 596Z"></path><path id="MJX-20-TEX-N-22C5" d="M78 250Q78 274 95 292T138 310Q162 310 180 294T199 251Q199 226 182 208T139 190T96 207T78 250Z"></path><path id="MJX-20-TEX-B-1D404" d="M723 286Q721 284 700 145T677 3V0H39V62H147V618H39V680H660V676Q662 670 675 552T691 428V424H629V428Q629 429 627 448T618 494T601 541Q574 593 527 605T382 618H374H304V384H336Q338 384 347 384T361 384T376 386T392 390T407 397T421 407T432 423Q442 444 443 482V501H505V205H443V224Q442 258 435 278T411 307T380 318T336 322H304V62H375H394Q429 62 449 62T497 66T541 76T577 95T609 126T632 170T651 232Q661 287 661 289H723V286Z"></path><path id="MJX-20-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-20-TEX-I-1D70C" d="M58 -216Q25 -216 23 -186Q23 -176 73 26T127 234Q143 289 182 341Q252 427 341 441Q343 441 349 441T359 442Q432 442 471 394T510 276Q510 219 486 165T425 74T345 13T266 -10H255H248Q197 -10 165 35L160 41L133 -71Q108 -168 104 -181T92 -202Q76 -216 58 -216ZM424 322Q424 359 407 382T357 405Q322 405 287 376T231 300Q217 269 193 170L176 102Q193 26 260 26Q298 26 334 62Q367 92 389 158T418 266T424 322Z"></path><path id="MJX-20-TEX-I-1D700" d="M190 -22Q124 -22 76 11T27 107Q27 174 97 232L107 239L99 248Q76 273 76 304Q76 364 144 408T290 452H302Q360 452 405 421Q428 405 428 392Q428 381 417 369T391 356Q382 356 371 365T338 383T283 392Q217 392 167 368T116 308Q116 289 133 272Q142 263 145 262T157 264Q188 278 238 278H243Q308 278 308 247Q308 206 223 206Q177 206 142 219L132 212Q68 169 68 112Q68 39 201 39Q253 39 286 49T328 72T345 94T362 105Q376 103 376 88Q376 79 365 62T334 26T275 -8T190 -22Z"></path><path id="MJX-20-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="2207" xlink:href="#MJX-20-TEX-N-2207"></use></g><g data-mml-node="mo" transform="translate(1055.2,0)"><use data-c="22C5" xlink:href="#MJX-20-TEX-N-22C5"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1555.4,0)"><g data-mml-node="mi"><use data-c="1D404" xlink:href="#MJX-20-TEX-B-1D404"></use></g></g><g data-mml-node="mo" transform="translate(2589.2,0)"><use data-c="3D" xlink:href="#MJX-20-TEX-N-3D"></use></g><g data-mml-node="mfrac" transform="translate(3645,0)"><g data-mml-node="mrow" transform="translate(412.8,556) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D70C" xlink:href="#MJX-20-TEX-I-1D70C"></use></g></g></g></g><g data-mml-node="mrow" transform="translate(220,-448.1) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="msub"><g data-mml-node="mi"><use data-c="1D700" xlink:href="#MJX-20-TEX-I-1D700"></use></g><g data-mml-node="mn" transform="translate(499,-150) scale(0.707)"><use data-c="30" xlink:href="#MJX-20-TEX-N-30"></use></g></g></g></g></g><rect width="1102.6" height="60" x="120" y="220"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi mathvariant="normal">∇</mi><mo>⋅</mo><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">E</mi></mrow><mo>=</mo><mfrac><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mi>ρ</mi></mrow></mstyle></mrow><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><msub><mi>ε</mi><mn>0</mn></msub></mrow></mstyle></mrow></mfrac></math></mjx-assistive-mml></mjx-container><script type="math/tex">\nabla \cdot \mathbf{E} = \cfrac{\rho}{\varepsilon_0}</script><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="9.518ex" height="1.738ex" role="img" focusable="false" viewBox="0 -686 4207 768" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -0.186ex;"><defs><path id="MJX-21-TEX-N-2207" d="M46 676Q46 679 51 683H781Q786 679 786 676Q786 674 617 326T444 -26Q439 -33 416 -33T388 -26Q385 -22 216 326T46 676ZM697 596Q697 597 445 597T193 596Q195 591 319 336T445 80L697 596Z"></path><path id="MJX-21-TEX-N-22C5" d="M78 250Q78 274 95 292T138 310Q162 310 180 294T199 251Q199 226 182 208T139 190T96 207T78 250Z"></path><path id="MJX-21-TEX-B-1D401" d="M720 510Q720 476 704 448T665 404T619 377T580 362L564 359L583 356Q602 353 632 342T690 312Q712 292 725 276Q752 235 752 189V183Q752 160 741 125Q698 18 547 2Q543 1 288 0H39V62H147V624H39V686H264H409Q502 686 542 681T624 655Q720 607 720 510ZM563 513Q563 553 548 578T518 611T486 622Q479 624 385 624H293V382H375Q458 383 467 385Q563 405 563 513ZM590 192Q590 307 505 329Q504 330 503 330L398 331H293V62H391H400H444Q496 62 528 75T580 131Q590 155 590 192Z"></path><path id="MJX-21-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-21-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="2207" xlink:href="#MJX-21-TEX-N-2207"></use></g><g data-mml-node="mo" transform="translate(1055.2,0)"><use data-c="22C5" xlink:href="#MJX-21-TEX-N-22C5"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1555.4,0)"><g data-mml-node="mi"><use data-c="1D401" xlink:href="#MJX-21-TEX-B-1D401"></use></g></g><g data-mml-node="mo" transform="translate(2651.2,0)"><use data-c="3D" xlink:href="#MJX-21-TEX-N-3D"></use></g><g data-mml-node="mn" transform="translate(3707,0)"><use data-c="30" xlink:href="#MJX-21-TEX-N-30"></use></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi mathvariant="normal">∇</mi><mo>⋅</mo><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">B</mi></mrow><mo>=</mo><mn>0</mn></math></mjx-assistive-mml></mjx-container><script type="math/tex">\nabla \cdot \mathbf{B} = 0</script><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="15.265ex" height="4.602ex" role="img" focusable="false" viewBox="0 -1267.1 6747 2034.3" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -1.736ex;"><defs><path id="MJX-22-TEX-N-2207" d="M46 676Q46 679 51 683H781Q786 679 786 676Q786 674 617 326T444 -26Q439 -33 416 -33T388 -26Q385 -22 216 326T46 676ZM697 596Q697 597 445 597T193 596Q195 591 319 336T445 80L697 596Z"></path><path id="MJX-22-TEX-N-D7" d="M630 29Q630 9 609 9Q604 9 587 25T493 118L389 222L284 117Q178 13 175 11Q171 9 168 9Q160 9 154 15T147 29Q147 36 161 51T255 146L359 250L255 354Q174 435 161 449T147 471Q147 480 153 485T168 490Q173 490 175 489Q178 487 284 383L389 278L493 382Q570 459 587 475T609 491Q630 491 630 471Q630 464 620 453T522 355L418 250L522 145Q606 61 618 48T630 29Z"></path><path id="MJX-22-TEX-B-1D404" d="M723 286Q721 284 700 145T677 3V0H39V62H147V618H39V680H660V676Q662 670 675 552T691 428V424H629V428Q629 429 627 448T618 494T601 541Q574 593 527 605T382 618H374H304V384H336Q338 384 347 384T361 384T376 386T392 390T407 397T421 407T432 423Q442 444 443 482V501H505V205H443V224Q442 258 435 278T411 307T380 318T336 322H304V62H375H394Q429 62 449 62T497 66T541 76T577 95T609 126T632 170T651 232Q661 287 661 289H723V286Z"></path><path id="MJX-22-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-22-TEX-N-2212" d="M84 237T84 250T98 270H679Q694 262 694 250T679 230H98Q84 237 84 250Z"></path><path id="MJX-22-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-22-TEX-B-1D401" d="M720 510Q720 476 704 448T665 404T619 377T580 362L564 359L583 356Q602 353 632 342T690 312Q712 292 725 276Q752 235 752 189V183Q752 160 741 125Q698 18 547 2Q543 1 288 0H39V62H147V624H39V686H264H409Q502 686 542 681T624 655Q720 607 720 510ZM563 513Q563 553 548 578T518 611T486 622Q479 624 385 624H293V382H375Q458 383 467 385Q563 405 563 513ZM590 192Q590 307 505 329Q504 330 503 330L398 331H293V62H391H400H444Q496 62 528 75T580 131Q590 155 590 192Z"></path><path id="MJX-22-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="2207" xlink:href="#MJX-22-TEX-N-2207"></use></g><g data-mml-node="mo" transform="translate(1055.2,0)"><use data-c="D7" xlink:href="#MJX-22-TEX-N-D7"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(2055.4,0)"><g data-mml-node="mi"><use data-c="1D404" xlink:href="#MJX-22-TEX-B-1D404"></use></g></g><g data-mml-node="mo" transform="translate(3089.2,0)"><use data-c="3D" xlink:href="#MJX-22-TEX-N-3D"></use></g><g data-mml-node="mo" transform="translate(4145,0)"><use data-c="2212" xlink:href="#MJX-22-TEX-N-2212"></use></g><g data-mml-node="mfrac" transform="translate(4923,0)"><g data-mml-node="mrow" transform="translate(220,552.1) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-22-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(566,0)"><g data-mml-node="mi"><use data-c="1D401" xlink:href="#MJX-22-TEX-B-1D401"></use></g></g></g></g></g><g data-mml-node="mrow" transform="translate(448.5,-555) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-22-TEX-I-1D715"></use></g><g data-mml-node="mi" transform="translate(566,0)"><use data-c="1D461" xlink:href="#MJX-22-TEX-I-1D461"></use></g></g></g></g><rect width="1584" height="60" x="120" y="220"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi mathvariant="normal">∇</mi><mo>×</mo><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">E</mi></mrow><mo>=</mo><mo>−</mo><mfrac><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mi>∂</mi><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">B</mi></mrow></mrow></mstyle></mrow><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mi>∂</mi><mi>t</mi></mrow></mstyle></mrow></mfrac></math></mjx-assistive-mml></mjx-container><script type="math/tex">\nabla \times \mathbf{E} = -\cfrac{\partial \mathbf{B}}{\partial t}</script><br><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg xmlns="http://www.w3.org/2000/svg" width="23.229ex" height="4.602ex" role="img" focusable="false" viewBox="0 -1267.1 10267.1 2034.3" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="vertical-align: -1.736ex;"><defs><path id="MJX-23-TEX-N-2207" d="M46 676Q46 679 51 683H781Q786 679 786 676Q786 674 617 326T444 -26Q439 -33 416 -33T388 -26Q385 -22 216 326T46 676ZM697 596Q697 597 445 597T193 596Q195 591 319 336T445 80L697 596Z"></path><path id="MJX-23-TEX-N-22C5" d="M78 250Q78 274 95 292T138 310Q162 310 180 294T199 251Q199 226 182 208T139 190T96 207T78 250Z"></path><path id="MJX-23-TEX-B-1D401" d="M720 510Q720 476 704 448T665 404T619 377T580 362L564 359L583 356Q602 353 632 342T690 312Q712 292 725 276Q752 235 752 189V183Q752 160 741 125Q698 18 547 2Q543 1 288 0H39V62H147V624H39V686H264H409Q502 686 542 681T624 655Q720 607 720 510ZM563 513Q563 553 548 578T518 611T486 622Q479 624 385 624H293V382H375Q458 383 467 385Q563 405 563 513ZM590 192Q590 307 505 329Q504 330 503 330L398 331H293V62H391H400H444Q496 62 528 75T580 131Q590 155 590 192Z"></path><path id="MJX-23-TEX-N-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path><path id="MJX-23-TEX-I-1D707" d="M58 -216Q44 -216 34 -208T23 -186Q23 -176 96 116T173 414Q186 442 219 442Q231 441 239 435T249 423T251 413Q251 401 220 279T187 142Q185 131 185 107V99Q185 26 252 26Q261 26 270 27T287 31T302 38T315 45T327 55T338 65T348 77T356 88T365 100L372 110L408 253Q444 395 448 404Q461 431 491 431Q504 431 512 424T523 412T525 402L449 84Q448 79 448 68Q448 43 455 35T476 26Q485 27 496 35Q517 55 537 131Q543 151 547 152Q549 153 557 153H561Q580 153 580 144Q580 138 575 117T555 63T523 13Q510 0 491 -8Q483 -10 467 -10Q446 -10 429 -4T402 11T385 29T376 44T374 51L368 45Q362 39 350 30T324 12T288 -4T246 -11Q199 -11 153 12L129 -85Q108 -167 104 -180T92 -202Q76 -216 58 -216Z"></path><path id="MJX-23-TEX-N-30" d="M96 585Q152 666 249 666Q297 666 345 640T423 548Q460 465 460 320Q460 165 417 83Q397 41 362 16T301 -15T250 -22Q224 -22 198 -16T137 16T82 83Q39 165 39 320Q39 494 96 585ZM321 597Q291 629 250 629Q208 629 178 597Q153 571 145 525T137 333Q137 175 145 125T181 46Q209 16 250 16Q290 16 318 46Q347 76 354 130T362 333Q362 478 354 524T321 597Z"></path><path id="MJX-23-TEX-B-1D409" d="M174 114Q174 96 169 82T159 63T144 47L155 45Q183 40 203 40Q271 40 290 104Q294 118 294 150T295 380V624H154V686H169Q196 683 365 683Q499 683 517 686H527V624H446V379Q446 183 446 153T441 108Q413 32 315 2Q266 -11 208 -11Q160 -11 118 -2T42 37T8 114V122Q8 150 30 174T91 198T152 174T174 122V114Z"></path><path id="MJX-23-TEX-N-2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z"></path><path id="MJX-23-TEX-I-1D700" d="M190 -22Q124 -22 76 11T27 107Q27 174 97 232L107 239L99 248Q76 273 76 304Q76 364 144 408T290 452H302Q360 452 405 421Q428 405 428 392Q428 381 417 369T391 356Q382 356 371 365T338 383T283 392Q217 392 167 368T116 308Q116 289 133 272Q142 263 145 262T157 264Q188 278 238 278H243Q308 278 308 247Q308 206 223 206Q177 206 142 219L132 212Q68 169 68 112Q68 39 201 39Q253 39 286 49T328 72T345 94T362 105Q376 103 376 88Q376 79 365 62T334 26T275 -8T190 -22Z"></path><path id="MJX-23-TEX-I-1D715" d="M202 508Q179 508 169 520T158 547Q158 557 164 577T185 624T230 675T301 710L333 715H345Q378 715 384 714Q447 703 489 661T549 568T566 457Q566 362 519 240T402 53Q321 -22 223 -22Q123 -22 73 56Q42 102 42 148V159Q42 276 129 370T322 465Q383 465 414 434T455 367L458 378Q478 461 478 515Q478 603 437 639T344 676Q266 676 223 612Q264 606 264 572Q264 547 246 528T202 508ZM430 306Q430 372 401 400T333 428Q270 428 222 382Q197 354 183 323T150 221Q132 149 132 116Q132 21 232 21Q244 21 250 22Q327 35 374 112Q389 137 409 196T430 306Z"></path><path id="MJX-23-TEX-B-1D404" d="M723 286Q721 284 700 145T677 3V0H39V62H147V618H39V680H660V676Q662 670 675 552T691 428V424H629V428Q629 429 627 448T618 494T601 541Q574 593 527 605T382 618H374H304V384H336Q338 384 347 384T361 384T376 386T392 390T407 397T421 407T432 423Q442 444 443 482V501H505V205H443V224Q442 258 435 278T411 307T380 318T336 322H304V62H375H394Q429 62 449 62T497 66T541 76T577 95T609 126T632 170T651 232Q661 287 661 289H723V286Z"></path><path id="MJX-23-TEX-I-1D461" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path></defs><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><use data-c="2207" xlink:href="#MJX-23-TEX-N-2207"></use></g><g data-mml-node="mo" transform="translate(1055.2,0)"><use data-c="22C5" xlink:href="#MJX-23-TEX-N-22C5"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(1555.4,0)"><g data-mml-node="mi"><use data-c="1D401" xlink:href="#MJX-23-TEX-B-1D401"></use></g></g><g data-mml-node="mo" transform="translate(2651.2,0)"><use data-c="3D" xlink:href="#MJX-23-TEX-N-3D"></use></g><g data-mml-node="msub" transform="translate(3707,0)"><g data-mml-node="mi"><use data-c="1D707" xlink:href="#MJX-23-TEX-I-1D707"></use></g><g data-mml-node="mn" transform="translate(636,-150) scale(0.707)"><use data-c="30" xlink:href="#MJX-23-TEX-N-30"></use></g></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(4746.6,0)"><g data-mml-node="mi"><use data-c="1D409" xlink:href="#MJX-23-TEX-B-1D409"></use></g></g><g data-mml-node="mo" transform="translate(5562.8,0)"><use data-c="2B" xlink:href="#MJX-23-TEX-N-2B"></use></g><g data-mml-node="msub" transform="translate(6563,0)"><g data-mml-node="mi"><use data-c="1D707" xlink:href="#MJX-23-TEX-I-1D707"></use></g><g data-mml-node="mn" transform="translate(636,-150) scale(0.707)"><use data-c="30" xlink:href="#MJX-23-TEX-N-30"></use></g></g><g data-mml-node="msub" transform="translate(7602.6,0)"><g data-mml-node="mi"><use data-c="1D700" xlink:href="#MJX-23-TEX-I-1D700"></use></g><g data-mml-node="mn" transform="translate(499,-150) scale(0.707)"><use data-c="30" xlink:href="#MJX-23-TEX-N-30"></use></g></g><g data-mml-node="mfrac" transform="translate(8505.1,0)"><g data-mml-node="mrow" transform="translate(220,552.1) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-23-TEX-I-1D715"></use></g><g data-mml-node="TeXAtom" data-mjx-texclass="ORD" transform="translate(566,0)"><g data-mml-node="mi"><use data-c="1D404" xlink:href="#MJX-23-TEX-B-1D404"></use></g></g></g></g></g><g data-mml-node="mrow" transform="translate(417.5,-555) scale(0.707)"><g data-mml-node="mpadded"><g data-mml-node="mrow"></g></g><g data-mml-node="mstyle" transform="scale(1.414)"><g data-mml-node="TeXAtom" data-mjx-texclass="ORD"><g data-mml-node="mi"><use data-c="1D715" xlink:href="#MJX-23-TEX-I-1D715"></use></g><g data-mml-node="mi" transform="translate(566,0)"><use data-c="1D461" xlink:href="#MJX-23-TEX-I-1D461"></use></g></g></g></g><rect width="1522" height="60" x="120" y="220"></rect></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi mathvariant="normal">∇</mi><mo>⋅</mo><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">B</mi></mrow><mo>=</mo><msub><mi>μ</mi><mn>0</mn></msub><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">J</mi></mrow><mo>+</mo><msub><mi>μ</mi><mn>0</mn></msub><msub><mi>ε</mi><mn>0</mn></msub><mfrac><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mi>∂</mi><mrow data-mjx-texclass="ORD"><mi mathvariant="bold">E</mi></mrow></mrow></mstyle></mrow><mrow><mpadded height="8.6pt" depth="3pt" width="0"><mrow></mrow></mpadded><mstyle displaystyle="false" scriptlevel="0"><mrow data-mjx-texclass="ORD"><mi>∂</mi><mi>t</mi></mrow></mstyle></mrow></mfrac></math></mjx-assistive-mml></mjx-container><script type="math/tex">\nabla \cdot \mathbf{B} = \mu _0 \mathbf{J} + \mu _0 \varepsilon_0 \cfrac{\partial \mathbf{E}}{\partial t}</script></td><td><a href='https://baike.baidu.com/item/%E9%BA%A6%E5%85%8B%E6%96%AF%E9%9F%A6%E6%96%B9%E7%A8%8B%E7%BB%84'><span>麦克斯韦方程组</span></a><span>（英语：Maxwell&#39;s equations）</span></td></tr></tbody></table></figure><h1 id='°内容导航'><span>°内容导航</span></h1><h2 id='导航中心'><span>导航中心</span></h2><p><span>「</span><strong><span>按大纲/索引进行导航是文档中最常用的导航方式，适用于内容层次明确，全文档跨章节的快速定位</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> Typora 支持 GFM 标准，其导出的 HTML 后会自动生成各类内容的索引大纲，VLOOK™ 可自动接管并提供更强大的导航特性。</span></p><blockquote><p><span>按 VLOOK™ 文档模板规范，建议在「</span><a href='#封面封底'><span>封面</span></a><span>」后添加目录标记 </span><code>[TOC]</code></p></blockquote><p><strong><span>由 VLOOK™ 自动接管后，提供以下增强特性：</span></strong></p><ul><li><span>支持丰富的分类内容索引：</span><mark><span>目录</span></mark><span>、</span><mark><span>插图</span></mark><span>、</span><mark><span>表格</span></mark><span>、</span><mark><span>多媒体</span></mark><span>、</span><mark><span>代码块</span></mark></li><li><span>所有类型的索引均支持按关键进行快速过滤筛选</span></li><li><span>支持自动记录访问历史，随时一键回跳</span></li></ul><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h2 id='逐章导航'><span>逐章导航</span></h2><p><span>「</span><strong><span>除了大纲外，希望可以按章节顺序一章一章进行浏览。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 由 VLOOK™ 接管后，会自动扩展提供「逐章导航栏」，正如你现在看到顶部的导航栏那样。</span></p><p><span>当滚动至文档正文区后，会自动在顶部显示逐章导航条，在封面时会自动收起隐藏，支持对 1~5 级章节进行逐章浏览。</span></p><p><span>支持鼠标和键盘操作：</span></p><p><span>![逐章导航的快捷键操作]</span></p><figure><table><thead><tr><th style='text-align:center;' ><span>快捷键</span></th><th><span>功能</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><kbd><span>◀</span></kbd><span> 或 </span><kbd><span>,</span></kbd></td><td><strong><span>前一个</span></strong><span>章节</span></td></tr><tr><td style='text-align:center;' ><kbd><span>▶</span></kbd><span> 或 </span><kbd><span>.</span></kbd></td><td><strong><span>后一个</span></strong><span>章节</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h2 id='段落导航'><span>段落导航</span></h2><p><span>「</span><strong><span>希望在进行文档评审或演示时，按段落一段一段地突出，进行聚焦式浏览。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 直接用鼠标「三击」文档任意段落就可以进入「段落导航」模式了。</span></p><p><span>支持鼠标和键盘操作：</span></p><p><span>![段落导航快捷键]&quot;致敬 VI&quot;</span></p><figure><table><thead><tr><th style='text-align:center;' ><span>快捷键</span></th><th><span>功能</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><kbd><span>J</span></kbd></td><td><span>跳到</span><strong><span>下一个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>K</span></kbd></td><td><span>跳到</span><strong><span>上一个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>H</span></kbd></td><td><span>往前跳</span><strong><span>十个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>L</span></kbd></td><td><span>往后跳</span><strong><span>十个</span></strong><span>段落</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h2 id='插图导航'><span>插图导航</span></h2><p><span>「</span><strong><span>希望能按图索骥，快速浏览文档中的插图，以及快速定位到文档中对应的位置。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 文档中的所有图片、Mermaid</span><sup class='md-footnote'><a href='#dfref-footnote-2' name='ref-footnote-2'>2</a></sup><span> 图表都支持快速浏览，一键跳转到对应位置。</span></p><blockquote><ul><li><span>所有插图可支持通过在插图浏览器中打开，并进行前后插图的导航；</span></li><li><span>鼠标悬停在插图后，通过右上角内容助手上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-full-screen.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="画中画"><span> 按钮打开，点击插图浏览器中的插图，也能直接跳转到文档中对应的位置。</span></li></ul></blockquote><blockquote><p><span>[+] </span><strong><span>支持的插图类型</span></strong></p><blockquote><ul><li><span>浏览器支持的所有图片（如：jpg / png / gif / bmp 等）</span></li><li><span>脚本化图表（如：Mermaid</span><sup class='md-footnote'><a href='#dfref-footnote-2-1' name='ref-footnote-2-1'>2</a></sup><span>）</span></li></ul></blockquote></blockquote><p><span>![插图导航快捷键]&quot;注：打开插图导航后生效&quot;</span></p><figure><table><thead><tr><th style='text-align:center;' ><span>快捷键</span></th><th><span>功能</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><kbd><span>◄</span></kbd><span> 或 </span><kbd><span>,</span></kbd></td><td><span>前一张插图</span></td></tr><tr><td style='text-align:center;' ><kbd><span>►</span></kbd><span> 或 </span><kbd><span>.</span></kbd></td><td><span>后一张插图</span></td></tr></tbody></table></figure><h6 id='示例－长图片双题注'><span>示例－长图片、双题注</span></h6><p><img src="https://tva1.sinaimg.cn/large/00831rSTgy1gct75k6v6rj30u00u0b2b.jpg" referrerpolicy="no-referrer" alt="普通的图片示例（长图会自动折叠）" title="（图片来源自互联网，版权尚不明确）"></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h2 id='文库导航'><span>文库导航</span></h2><p><span>「</span><strong><span>同一类话题或项目有很多 Markdown 文档，希望发布 HTML 后还能方便统一进行组织和访问。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 为每个文档指定作为「文库」索引页的 HTML，这样就可以随时一键直达你「文档宇宙」中的任意文档了。</span></p><blockquote><ul><li><span>启用了「文库导航」的文档，在导航中心下方会显示对应的「文库」按钮，显示的名称为文库索引页的标题；</span></li><li><span>点击即可打开，也支持通过快捷键 </span><kbd><span>L</span></kbd><span> 打开。</span></li></ul></blockquote><p><strong><span>作为「文库」的 HTML 文档，可以是任意一篇使用「Typora＋VLOOK™」生成并导出的 HTML，能直接延用 VLOOK™ 绝大部分排版特性。</span></strong></p><blockquote><p><span>[+] </span><strong><span>如何让文档支持「文库导航」？</span></strong></p><blockquote><ol start='' ><li><p><span>先为文档添加 YAML 内容（菜单：Typora ▸ 段落 ▸ YAML Front Matter）；</span></p></li><li><p><span>添加以下内容：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="yaml"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="yaml"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-atom">vlook-doc-lib</span><span class="cm-meta">: </span>你的文库.html</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre></li><li><p><span>将以下内容粘贴到 VLOOK 的导出配置的 </span><code>在 &lt;head /&gt; 中添加</code><span> 选项内：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="html"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="html"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">meta</span> <span class="cm-attribute">name</span>=<span class="cm-string">"vlook-doc-lib"</span> <span class="cm-attribute">content</span>=<span class="cm-string">"${vlook-doc-lib}"</span><span class="cm-tag cm-bracket">&gt;</span> </span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre></li></ol></blockquote><p><span>[+] </span><strong><span>如何关闭已发布文档中的「文库导航」？</span></strong></p><blockquote><p><span>在 HTML 文档访问路径后添加 URL 参数 </span><code>dl=none</code><span> 即关闭对当前文档的文库导航功能，示例如下：</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">我的文档.html?dl=none</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre></blockquote></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h2 id='脚注导航'><span>脚注导航</span></h2><p><strong><span>VLOOK™ 可以直接在当前页面位置弹层的方式进行显示，避免在文档中来回跳转。</span></strong></p><h6 id='示例-8'><span>示例</span></h6><p><span>点击文末右上角的链接查看效果</span><sup class='md-footnote'><a href='#dfref-footnote-3' name='ref-footnote-3'>3</a></sup></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°内容导航'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°内容导航</span></kbd></a></p><h1 id='°演示与出版辅助'><span>°演示与出版辅助</span></h1><h2 id='聚光灯'><span>聚光灯</span></h2><p><span>「</span><strong><span>在进行文档评审或演示时，可以通过 聚光灯 来让观众聚焦于文档的特定区域和内容。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～</span></p><blockquote><ul><li><span>通过工具栏上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-spotlight.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="聚光灯"><span> 按钮打开、关闭，也可通过快捷键 </span><kbd><span>S</span></kbd><span> 快速打开；</span></li><li><span>打开聚光灯后，可支持按通过 </span><kbd><span>⇧Shift</span></kbd><span> 键调节聚光灯的大小。</span></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='激光笔'><span>激光笔</span></h2><p><span>「</span><strong><span>在进行文档评审或演示时，可以通过 激光笔 来让观众注意力精确跟随演讲者指向的内容。</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～</span></p><blockquote><ul><li><span>通过工具栏上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-laser-pointer.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="激光笔"><span> 按钮打开「聚光灯」，也可通过快捷键 </span><kbd><span>P</span></kbd><span> 快速打开。</span></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='表格阅读模式'><span>表格阅读模式</span></h2><p><span>「</span><strong><span>表格行、列很多时，希望能快速显示任意单元格相关的行、列都有哪些？</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 无须高大上的设备或方式，VLOOK™ 激活后开箱即用～</span></p><blockquote><ul><li><span>鼠标悬停在表格后，通过右上角内容助手上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-table-cross.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="表格阅读模式"><span> 按钮打开、关闭，也可通过快捷键 </span><kbd><span>X</span></kbd><span> 进行操作；</span></li><li><span>鼠标点击表格上的任意单元格后，会自动高亮其同一行、同一列的相关信息；</span></li><li><span>点击文档空白位置，或按下</span><kbd><span>ESC</span></kbd><span>临时取消显示。</span></li></ul></blockquote><h6 id='试试点击表格的任意单元格或让鼠标光标在以下表格行间进行移动'><span>试试点击表格的任意单元格，或让鼠标光标在以下表格行间进行移动</span></h6><figure><table><thead><tr><th><span>列 A</span></th><th><span>列 B</span></th><th style='text-align:center;' ><span>列 C</span></th><th style='text-align:right;' ><span>列 D</span></th></tr></thead><tbody><tr><td><span>第一行</span></td><td><span>左对齐（长内容）</span></td><td style='text-align:center;' ><span>居中对齐</span></td><td style='text-align:right;' ><span>右对齐（长内容）</span></td></tr><tr><td><span>第二行（长内容）</span></td><td><span>左对齐</span></td><td style='text-align:center;' ><span>居中对齐（长内容）</span></td><td style='text-align:right;' ><span>右对齐</span></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='画中画'><span>画中画</span></h2><p><span>「</span><strong><span>希望插图、表格、代码块也能像视频那样，可以设置为「画中画」的浮动显示模式，方便在文档相关内容间对比</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 这个可以有，VLOOK™ 激活后开箱即用～</span></p><blockquote><ul><li><span>鼠标悬停在插图、表格、代码块后，通过右上角内容助手上的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-pic-in-pic.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="画中画"><span> 按钮一键开启；</span></li><li><span>开启后默认缩小为 75% 大小进行显示，也可通过缩放按钮调整为原始大小进行显示。</span></li></ul></blockquote><p><span>快去文档中的任意插图、表格、代码块上试试吧～</span></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='刮刮卡'><span>刮刮卡</span></h2><p><span>「</span><strong><span>用 Markdown 制作交互式的培训文档时，希望能将一些关键信息（如：答案）先隐藏，点击再显示</span></strong><span>」</span></p><p><code>#VLOOK|say#(theme1)</code><span> 通过对 Markdown 行内代码（Code）语法 </span><code>` `</code><span> 进行了扩展，轻松满足「培训、猜迷互动」等场景的排版需求！</span></p><blockquote><p><strong><span>语法：</span></strong><code>`*{tips}(text &quot;color&quot;)`</code></p><ul><li><code>tips</code><span>：可选，刮刮卡打开前显示的提示信息，默认为 </span><code>***</code></li><li><code>text</code><span>：被刮刮卡遮盖的原始信息</span></li><li><code>color</code><span>：可选，刮刮卡打开前的预置颜色标识。预置颜色标识与「</span><a href='#彩虹标签'><span>彩虹标签</span></a><span>」的颜色标识保持一致</span></li></ul><p><code>#小提示#(green)</code><span> 打印输出前，可根据提示选择 </span><strong><span>显示</span></strong><span> 或 </span><strong><span>隐藏</span></strong><span> 刮刮卡的内容。</span></p></blockquote><h6 id='示例－刮刮卡'><span>示例－刮刮卡</span></h6><figure><table><thead><tr><th><span>语法示例</span></th><th style='text-align:center;' ><span>效果（点击以下的「刮刮卡」显示原始内容）</span></th></tr></thead><tbody><tr><td><code>` `*{}(这是刮刮卡的内容)</code><span> ``</span></td><td style='text-align:center;' ><code>*{}(这是刮刮卡的内容)</code></td></tr><tr><td><code>` `*{ 提示信息 }(这是刮刮卡的内容)</code><span> ``</span></td><td style='text-align:center;' ><code>*{ 提示信息 }(这是刮刮卡的内容)</code></td></tr><tr><td><code>` `*{}(这是刮刮卡的内容 &quot;purple&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{}(这是刮刮卡的内容 &quot;purple&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;red&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;red&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;orange&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;orange&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;yellow&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;yellow&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;green&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;green&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;cyan&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;cyan&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;blue&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;blue&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;purple&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;purple&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;pink&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;pink&quot;)</code></td></tr><tr><td><code>` `*{    }(这是刮刮卡的内容 &quot;brown&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{    }(这是刮刮卡的内容 &quot;brown&quot;)</code></td></tr><tr><td><code>` `*{ 点开•刮刮卡 }(这是刮刮卡的内容 &quot;gray&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{ 点开•刮刮卡 }(这是刮刮卡的内容 &quot;gray&quot;)</code></td></tr><tr><td><code>` `*{ 这是一条长长的刮刮卡 }(这是刮刮卡的内容 &quot;theme1&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{ 这是一条长长的刮刮卡 }(这是刮刮卡的内容 &quot;theme1&quot;)</code></td></tr><tr><td><code>` `*{ 点开•这一条很长很长的刮刮卡 }(这是刮刮卡的内容 &quot;theme2&quot;)</code><span> ``</span></td><td style='text-align:center;' ><code>*{ 点开•这一条很长很长的刮刮卡 }(这是刮刮卡的内容 &quot;theme2&quot;)</code></td></tr></tbody></table></figure><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°文档排版'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°文档排版</span></kbd></a></p><h2 id='章节标题自动编号'><span>章节标题自动编号</span></h2><p><strong><span>如果你使用过 Word 的标题、图表的自动编码功能，就会惊喜地发现，基于 Markdown 也能做到，甚至能做得更好～</span></strong></p><p><span>既不需要进行额外的设置和语法支持，甚至还能对表格行进行自动行号编号，一起来看看吧。</span></p><blockquote><p><strong><span>标题自动分级编号</span></strong></p><ul><li><span>所有 VLOOK™ 的主题都会自动对 </span><code>1 ~ 5级</code><span> 标题进行自动的分级编号；</span></li><li><span>编号的格式就是你在本文各级章节标题所看到的那样；</span></li><li><span>因为 </span><code>6级</code><span> 标题在 VLOOK™ 中应用于</span><a href='#封面封底'><span>封面和封底</span></a><span>、段落小标题的排版等，所以不在自动编号范围内。</span></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='自定义欢迎页内容'><span>自定义欢迎页内容</span></h2><p><strong><span>应用了 VLOOK™ 插件的文档在加载处理过程中会显示欢迎页，提示插件加载过程。</span></strong></p><p><span>完成加载处理后会自动关闭并显示文档，若希望自定义欢迎页的显示行为，可通过「</span><a href='#启动参数'><span>启动参数</span></a><span>」来指定。</span></p><p><span>若希望自定义欢迎页的显示内容，可以这样：</span></p><blockquote><p><span>通过在文档最开始位置添加 </span><a href='install.html#进阶应用之-yamlL'><span>YAML Front Matter</span></a><span> 内容，并添加指定的变量 </span><code>vlook-welcome</code><span>，举例如下：</span></p><p><span>![自定义欢迎页的 YAML Front Matter 示例]</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="yaml"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="yaml"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 35.994293212890625px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 26px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -25.994293212890625px; width: 26px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -25.994293212890625px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">---</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.994293212890625px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-atom">vlook-welcome</span><span class="cm-meta">: </span>在这里添加欢迎页的自定义内容，可包括 HTML 标记，如：&lt;strong&gt;欢迎页信息&lt;/strong&gt;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.994293212890625px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">---</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 87px;"></div><div class="CodeMirror-gutters" style="height: 87px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 25px;"></div></div></div></div></pre></blockquote><blockquote><p><code>#参考#(green)</code><span> </span><em><span>如果对 URL 参数的使用有疑问，可以去「</span><a href='#图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></a><span>」那深入再了解了解～</span></em></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='内容失效检查'><span>内容失效检查</span></h2><blockquote><h6 id='无效的图片'><span>无效的图片</span></h6><p><span>在编辑时、发布后识别出无法加载的图片，并进行提示，示例如下：</span></p><p><img src="vlook-lost-image.jpg?darksrc=invert" referrerpolicy="no-referrer" alt="缺失的图片"></p><p><code>&gt;(yellow)</code></p></blockquote><blockquote><h6 id='无效的页内链接'><span>无效的页内链接</span></h6><p><span>自动检查页面内部链接的正确性，是否存在</span><a href='#这是无效页内链接'><span>无效的页内链接</span></a><span>。</span></p><p><code>&gt;(orange)</code></p></blockquote><blockquote><h6 id='无效的音频视频'><span>无效的音频、视频</span></h6><p><span>自动检查音频源、视频源链接的有效性。</span></p><p><code>&gt;(red)</code></p></blockquote><p><code>#注意#</code><span> </span><strong><span>存在以上异常结果时，都会在文档的右下角显示 </span><img src="https://z3.ax1x.com/2021/03/16/6sH5EF.png?mode=icon2x" referrerpolicy="no-referrer"><span> 图标，点击可查看详细信息。</span></strong></p><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='链接识别与优化'><span>链接识别与优化</span></h2><p><strong><span>VLOOK™ 会自动识别并优化文档中的超链接，提高用户体验～</span></strong></p><blockquote><p><strong><span>外部链接强制在新标签打开</span></strong></p><p><span>为提高文档阅读与交互体验，对于外链（如：http、https、ftp等），自动强制设置为在新标签页中打开。</span></p></blockquote><blockquote><p><strong><span>识别链接类型</span></strong><span>（鼠标悬停看看效果）：</span></p><ul><li><span>超链接协议类型：</span><a href='#'><strong><span>#</span></strong></a><span> / </span><a href='http://'><strong><span>http</span></strong></a><span> / </span><a href='https://'><strong><span>https</span></strong></a><span> / </span><a href='mailto:'><strong><span>mailto</span></strong></a><span> / </span><a href='ftp://'><strong><span>ftp</span></strong></a><span> / </span><a href='ftps://'><strong><span>ftps</span></strong></a><span> / </span><a href='file:///'><strong><span>file</span></strong></a><span> / </span><a href='smb://'><strong><span>smb</span></strong></a></li><li><span>文档资源：</span><a href='file.doc'><strong><span>.doc</span></strong><span> / </span><strong><span>.xls</span></strong><span> / </span><strong><span>.ppt</span></strong><span> / </span><strong><span>.pdf</span></strong><span> / </span><strong><span>.txt</span></strong><span> / </span><strong><span>.csv</span></strong></a></li><li><span>归档资源：</span><a href='file.zip'><strong><span>.zip</span></strong><span> / </span><strong><span>.rar</span></strong><span> / </span><strong><span>.7z</span></strong><span> / </span><strong><span>.gz</span></strong><span> / </span><strong><span>.tar</span></strong><span> / </span><strong><span>.dmg</span></strong><span> / </span><strong><span>.cab</span></strong></a></li><li><span>高风险资源：</span><a href='file.exe'><strong><span>.exe</span></strong><span> / </span><strong><span>.sh</span></strong></a></li></ul></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='适配打印输出'><span>适配打印输出</span></h2><p><strong><span>使用 VLOOK™ 提供的定制打印功能，可以在打印输出时自动调整、简化页面排版和样式，以适应用打印输出的需要。</span></strong></p><blockquote><p><span>通过点击顶部工具栏的 </span><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-print.svg?mode=icon2x&amp;fill=theme1&amp;darksrc=invert" referrerpolicy="no-referrer" alt="打印"><span> 按钮，看看文档的打印预览效果～</span></p></blockquote><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h1 id='°不杂项'><span>°不杂项</span></h1><h2 id='启动参数'><span>启动参数</span></h2><p><span>通过 VLOOK™ 的启动参数可以对插件功能的默认选项进行调整，目前支持的启动参数如下：</span></p><p><span>![VLOOK™ 启动参数说明]</span></p><figure><table><thead><tr><th style='text-align:center;' ><strong><span>启动参数</span></strong></th><th><span>简介</span></th><th><span>取值及说明</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><span>cs</span></td><td><span>指定使用固定的颜色方案</span><br><span>默认为「自动跟随系统配置」</span></td><td><code>light</code><span> - 强制显示为 Light Mode</span><br><code>dark</code><span> - 强制显示为 Dark Mode</span></td></tr><tr><td style='text-align:center;' ><span>effects</span></td><td><span>调整文档的动效级别</span><br><span>默认为</span><code>2</code></td><td><code>0</code><span> - 关闭动效</span><br><code>1</code><span> - 标准动效</span><br><code>2</code><span> - 增强动效（毛玻璃等）</span></td></tr><tr><td style='text-align:center;' ><span>lmc</span></td><td><span>对代码块自动生成题注并编号的行数下限</span><br><span>默认为</span><code>1</code></td><td><code>{行数下限}</code><span> - 大于该行数的代码才会自动生成题注和编号</span><br><span>如：</span><code>3</code></td></tr><tr><td style='text-align:center;' ><span>reset</span></td><td><span>强制重置浏览器存储的 VLOOK 相关数据</span></td><td><code>true</code></td></tr><tr><td style='text-align:center;' ><span>srcset</span></td><td><span>对于没有高清分辨率的图片，在高分屏上强制以高清形式显示</span><br><span>默认为「不开启」</span></td><td><code>auto</code><span> - 对未指定 srcset 的图片强制以高清形式显示</span></td></tr><tr><td style='text-align:center;' ><span>ws</span></td><td><span>指定文档的「欢迎页」显示模式</span><br><span>默认为</span><code>auto</code></td><td><code>auto</code><span> - 文档和插件加载完成后，延时（5秒）自动关闭欢迎页</span><br><code>wait</code><span> - 文档和插件加载完成后，手动关闭欢迎页</span><br><code>none</code><span> - 不显示欢迎页</span></td></tr><tr><td style='text-align:center;' ><span>theme</span></td><td><span>使用在</span><a href='install.html#在线版插件'><span>线插件方式</span></a><span>时动态指定任意 VLOOK 主题</span></td><td><code>{具体的主题名称}</code><span>，如</span><code>vlook-hope</code></td></tr></tbody></table></figure><blockquote><p><strong><span>以上的「启动参数」可通过文档的 URL 参数指定，也可以通过 Markdown 文档的 YAML Front Matter 来指定（若同时存在则以 URL 参数指定的为优先）。</span></strong></p></blockquote><h6 id='方式一通过-url-参数指定多个参数间用进行分隔）'><span>方式一：通过 URL 参数指定（多个参数间用</span><code>&amp;</code><span>进行分隔）</span></h6><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">我的文档.html?{参数1=取值}&amp;{参数2=取值}...&amp;{参数n=取值}</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 33.991485595703125px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 24px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>1</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -23.991485595703125px; width: 24px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -23.991485595703125px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 15px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">举例-我的文档.html?ws=none&amp;lmc=2</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 29px;"></div><div class="CodeMirror-gutters" style="height: 29px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 23px;"></div></div></div></div></pre><h6 id='方式二通过-yaml-front-matter-指定多个参数间用进行分隔）'><span>方式二：通过 YAML Front Matter 指定（多个参数间用</span><code>&amp;</code><span>进行分隔）</span></h6><p><span>![启动参数的 YAML Front Matter 示例]</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="yaml"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="yaml"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 35.99432373046875px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 26px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -25.99432373046875px; width: 26px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">---</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 17px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-atom">vlook-query</span><span class="cm-meta">: {</span>参数1=取值<span class="cm-meta">}</span>&amp;<span class="cm-meta">{</span>参数2=取值<span class="cm-meta">}</span>...&amp;<span class="cm-meta">{</span>参数n=取值<span class="cm-meta">}</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -25.99432373046875px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">3</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-def">---</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 87px;"></div><div class="CodeMirror-gutters" style="height: 87px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 25px;"></div></div></div></div></pre><p><span>最后，须将 vlook 的 YAML 字段指定在导出 HTML 时输出，即在「</span><a href='install.html##step-3配置导出选项'><span>VLOOK 的导出配置界面</span></a><span>」中的 </span><code>在&lt;head /&gt;中添加</code><span> 内设置导出的 meta 内容，举例如下：</span></p><p><span>![导出 HTML 时输出 YAML Front Matter 示例]</span></p><pre class="md-fences md-end-block md-fences-with-lineno ty-contain-cm modeLoaded" spellcheck="false" lang="html"><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang="html"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 12.545454025268555px; left: 36.988616943359375px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 27px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation"><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: -26.988616943359375px; width: 27px;"></div><div class="CodeMirror-gutter-wrapper CodeMirror-activeline-gutter" style="left: -26.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">meta</span> <span class="cm-attribute">name</span>=<span class="cm-string">"vlook-query"</span> <span class="cm-attribute">content</span>=<span class="cm-string">"${vlook-query}"</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -26.988616943359375px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt CodeMirror-linenumber-show" style="left: 0px; width: 17px;">2</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">meta</span> <span class="cm-attribute">name</span>=<span class="cm-string">"vlook-welcome"</span> <span class="cm-attribute">content</span>=<span class="cm-string">"${vlook-welcome}"</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: transparent; top: 58px;"></div><div class="CodeMirror-gutters" style="height: 58px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 26px;"></div></div></div></div></pre><hr /><p><span>如果你对以上内容有更多需求或建议，欢迎随时反馈～ </span><a href='https://qm.qq.com/cgi-bin/qm/qr?k=oB8wpFG_4SEMf1CL9qVy-jMw0CMfSwff&amp;jump_from=webapi&amp;lnkcss=none'><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/feedback-light.svg?mode=logo&amp;darksrc=invert" referrerpolicy="no-referrer" alt="VLOOK™ QQ Group"></a></p><p><a href='#快速入坑°演示与出版辅助'><kbd><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/icon-back.svg?mode=icon2x&amp;fill=text" referrerpolicy="no-referrer"><span> 我要回到 快速入坑°演示与出版辅助</span></kbd></a></p><h2 id='长内容自动折叠'><span>长内容自动折叠</span></h2><p><strong><span>VLOOK™ 会自动对文档中的长插图、长表格、长代码进行自动折叠，节省文档的屏幕显示空间～</span></strong></p><blockquote><ul><li><span>长长的</span><strong><span>图片</span></strong><span> … </span><a href='#示例－长图片双题注'><span>查看示例</span></a></li><li><span>长长的</span><strong><span>表格</span></strong><span> … </span><a href='#快捷键操作汇总'><span>查看示例</span></a></li><li><span>长长的</span><strong><span>代码</span></strong><span> … </span><a href='#代码块增强'><span>查看示例</span></a></li></ul></blockquote><p>&nbsp;</p><h2 id='快捷键操作汇总'><span>快捷键操作汇总</span></h2><p><strong><span>VLOOK™ 的功能和特性支持快捷键操作，效率再上一个台阶。</span></strong></p><figure><table><thead><tr><th style='text-align:center;' ><span>快捷键</span></th><th><span>功能</span></th></tr></thead><tbody><tr><td style='text-align:center;' ><mark><span>全局</span></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>D</span></kbd></td><td><span>开启、关闭 Dark Mode</span></td></tr><tr><td style='text-align:center;' ><kbd><span>O</span></kbd></td><td><span>显示、隐藏「</span><a href='#导航中心'><span>导航中心</span></a><span>」面板</span></td></tr><tr><td style='text-align:center;' ><kbd><span>A</span></kbd></td><td><span>选择字体风格，详见</span><a href='#字体主题'><span>字体主题</span></a></td></tr><tr><td style='text-align:center;' ><kbd><span>I</span></kbd></td><td><span>显示「</span><a href='#插图导航'><span>插图导航</span></a><span>」</span></td></tr><tr><td style='text-align:center;' ><kbd><span>X</span></kbd></td><td><span>打开、关闭「</span><a href='#表格阅读模式'><span>表格阅读模式</span></a><span>」</span></td></tr><tr><td style='text-align:center;' ><kbd><span>P</span></kbd></td><td><span>打开「</span><a href='#激光笔'><span>激活笔</span></a><span>」</span></td></tr><tr><td style='text-align:center;' ><kbd><span>S</span></kbd></td><td><span>打开「</span><a href='#聚光灯'><span>聚光灯</span></a><span>」</span></td></tr><tr><td style='text-align:center;' ><kbd><span>L</span></kbd></td><td><span>打开「</span><a href='#文库导航'><span>文库</span></a><span>」</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#字体主题'><span>字体主题</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>ESC</span></kbd></td><td><span>退出「字体主题」选择</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#逐章导航'><span>逐章导航</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>◀</span></kbd><span> 或 </span><kbd><span>,</span></kbd></td><td><span>前一章节</span></td></tr><tr><td style='text-align:center;' ><kbd><span>▶</span></kbd><span> 或 </span><kbd><span>.</span></kbd></td><td><span>后一章节</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#段落导航'><span>段落导航</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>J</span></kbd></td><td><span>跳到</span><strong><span>下一个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>K</span></kbd></td><td><span>跳到</span><strong><span>上一个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>H</span></kbd></td><td><span>往前跳</span><strong><span>十个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><kbd><span>L</span></kbd></td><td><span>往后跳</span><strong><span>十个</span></strong><span>段落</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#插图导航'><span>插图导航</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>◀</span></kbd><span> 或 </span><kbd><span>,</span></kbd></td><td><span>前一张插图</span></td></tr><tr><td style='text-align:center;' ><kbd><span>▶</span></kbd><span> 或 </span><kbd><span>.</span></kbd></td><td><span>后一张插图</span></td></tr><tr><td style='text-align:center;' ><kbd><span>ESC</span></kbd></td><td><span>退出「插图导航」模式</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#聚光灯'><span>聚光灯</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>⇧Shift</span></kbd></td><td><span>调节聚光灯的大小</span></td></tr><tr><td style='text-align:center;' ><kbd><span>ESC</span></kbd></td><td><span>退出「聚光灯」模式</span></td></tr><tr><td style='text-align:center;' ><mark><a href='#激光笔'><span>激光笔</span></a></mark></td><td><span>==</span></td></tr><tr><td style='text-align:center;' ><kbd><span>ESC</span></kbd></td><td><span>退出「激光笔」模式</span></td></tr></tbody></table></figure><h2 id='跨平台动效支持'><span>跨平台、动效支持</span></h2><h6 id='跨平台'><span>跨平台</span></h6><ul><li><p><span>应用 VLOOK™ 插件的文档能自适应在 PC、平板、手机端访问；</span></p></li><li><p><span>推荐使用以下浏览器及最新版本：</span></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/chrome.png?mode=icon" referrerpolicy="no-referrer" alt="Chrome"><span> Google </span><strong><span>Chrome</span></strong><span>  </span><a href='https://www.google.cn/chrome/'><span>…</span></a></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/edge.png?mode=icon" referrerpolicy="no-referrer" alt="Edge"><span> Microsoft </span><strong><span>Edge</span></strong><sup><span>(Chromium)</span></sup><span>  </span><a href='https://www.microsoft.com/zh-cn/edge'><span>…</span></a></p><p><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/firefox.png?mode=icon" referrerpolicy="no-referrer" alt="Firefox"><span> Mozilla </span><strong><span>Firefox</span></strong><span>  </span><a href='https://www.mozilla.org/zh-CN/firefox/'><span>…</span></a></p></li></ul><h6 id='动效'><span>动效</span></h6><p><span>默认会启增强动效（包括毛玻璃），可以根据实际降低动效级别，可通过「</span><a href='#启动参数'><span>启动参数</span></a><span>」来进行调整</span></p><blockquote><p><span>其中 Firefox 目前须手工开启配置后才能启用毛玻璃动效，具体如下：</span></p><ul><li><span>在地址栏输入：</span><code>about:config</code></li><li><span>搜索配置项：</span><code>layout.css.backdrop-filter.enabled</code><span>，并设置为 </span><code>true</code></li></ul></blockquote><h2 id='i18n-支持'><span>i18n 支持</span></h2><ul><li><span>VLOOK™ 插件的界面语言，自动适配浏览器的语言设置；</span></li><li><span>目前支持以下语言：</span>
<span>🇨🇳 简体中文 (Simplified Chinese)</span>
<span>🇭🇰 繁体中文 (Traditional Chinese)</span>
<span>🇬🇧 英文 (English)</span>
<span>🇫🇷 法文 (French)</span>
<span>🇩🇪 德文 (German)</span>
<span>🇪🇸 西班牙文 (Spanish)</span>
<span>🇷🇺 俄文 (Russian)</span>
<span>🇯🇵 日文 (Japanese)</span>
<span>🇰🇷 韩文 (Korean)</span></li></ul><h1 id='延伸内容'><span>延伸内容</span></h1><h2 id='图片-url-参数语法说明'><span>图片 URL 参数语法说明</span></h2><blockquote><p><span>[+] </span><strong><span>图片 URL 无参数时</span></strong></p><blockquote><p><span>先在 URL 后添加英文问号 </span><code>?</code><span> 后，再添加需要的 URL 参数。</span></p><p><span>示例：</span><code>![图片题注](xxxxx.png?darksrc=invert)</code></p></blockquote><p><span>[+] </span><strong><span>图片 URL 已有参数时</span></strong></p><blockquote><p><span>多个参数间用英文特殊符号 </span><code>&amp;</code><span> 进行分隔。</span></p><p><span>示例：</span><code>![图片题注](xxxxx.png?darksrc=invert&amp;padding=true)</code></p></blockquote></blockquote><h2 id='基于色轮的配色方案'><span>基于色轮的配色方案</span></h2><figure><table><thead><tr><th><span>配色示例</span></th><th><span>说明</span></th></tr></thead><tbody><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/单色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="单色方案"></td><td><strong><mark><span>单色方案</span></mark></strong><br><span>由一个颜色的暗/中/明色调组成（如：暗绿、绿、粉绿）</span><br><br><span>单色搭配上并没有形成颜色的层次，但形成了明暗的层次。</span><br><span>这种搭配在设计中应用时，出来的效果永远不错，其重要性也可见一斑。</span></td></tr><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/类比色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="类比色方案"></td><td><strong><mark><span>类比色方案</span></mark></strong><br><span>色轮上某个颜色的相邻的颜色（如：橙黄色、黄色、橙色）</span><br><br><span>类比色都拥有共同的三原色颜色（在上图中，是黄色及红色）。</span><br><span>这种颜色搭配产生了一种令人悦目、低对比度的和谐美感。</span><br><span>类比色非常丰富，在设计时应用这种搭配同样让你轻易产生不错的视觉效果。</span></td></tr><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/补色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="补色方案"></td><td><strong><mark><span>补色方案</span></mark></strong><br><span>色轮上直线相对的两种颜色（如：红、绿）</span><br><br><span>补色形成强列的对比效果，传达出活力、能量、兴奋等意义。</span><br><span>补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。</span><br><span>比如在一个蓝色的区域里搭配橙色的小圆点。</span></td></tr><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/分裂补色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="分裂补色方案"></td><td><strong><mark><span>分裂补色方案</span></mark></strong><br><span>色轮上某颜色（如：红色）及其补色的类比色（如：绿、青）</span><br><br><span>这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。</span><br><span>形成了一种既和谐又有重点的颜色关系。</span><br><span>如在上面三种颜色中，红色就显得更加突出。</span></td></tr><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/二次色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="二次色方案"></td><td><strong><mark><span>二次色方案</span></mark></strong><br><span>二次色容易构成协调的搭配（如：绿、橙、紫）</span><br><br><span>任意两个二次色之间都拥有一种共同的颜色，所以它们轻易能够形成协调的搭配。</span><br><span>如果三种二次色同时使用，则显得很舒适、吸引，具有丰富的色调，以及深度和广度。</span></td></tr><tr><td><img src="https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOKres/pic/原色.png?mode=logo&amp;srcset=@2x" referrerpolicy="no-referrer" alt="原色方案"></td><td><strong><mark><span>原色方案</span></mark></strong><br><span>三原色同时使用是比较少</span><br><br><span>红黄搭配较受欢迎。从快餐店到加油站，我们都可以看见这两种颜色同时在一起。</span><br><span>蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人。</span><br><span>注意：如果是紧邻在一起，则会产生冲突感，需进行分离。</span></td></tr></tbody></table></figure><h6 id='the-end'><span>The End</span></h6><div class='footnotes-area'  ><hr/>
<div class='footnote-line'><span class='md-fn-count'>1</span> <span>主要是指图片（如：jpg、png 等），以及脚本化图表（如：Mermaid 的流程图、状态机图、顺序图、甘特图、类图等）</span> <a name='dfref-footnote-1' href='#ref-footnote-1' title='回到文档' class='reversefootnote' >↩</a></div>
<div class='footnote-line'><span class='md-fn-count'>2</span> <span>Mermaid 是一个用于画流程图、状态图、顺序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。详见 </span><a href='https://mermaidjs.github.io'><span>Mermaid 官网</span></a><span>，或 VLOOK™ 的示例文档《</span><a href='https://madmaxchow.github.io/VLOOK/chart.html'><span>脚本化图表 for Markdown</span></a><span>》</span> <a name='dfref-footnote-2' href='#ref-footnote-2' title='回到文档' class='reversefootnote' >↩</a> <a name='dfref-footnote-2-1' href='#ref-footnote-2-1' title='回到文档' class='reversefootnote' >↩</a></div>
<div class='footnote-line'><span class='md-fn-count'>3</span> <span>这是 VLOOK™ 优化后的脚的信息</span> <a name='dfref-footnote-3' href='#ref-footnote-3' title='回到文档' class='reversefootnote' >↩</a></div></div></div></div>
<div class="mdx-vlook-inside"></div>
<style type="text/css">
    :root { --vlook-color: #FFFFFF; --vlook-background: #808488; }
    @keyframes breathe-vlook { 0% { transform: scale(1.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } }
    @media (prefers-color-scheme: dark) { :root { --vlook-color: #181A1E; } }
    #VLOOK { left: 0; top: 0; background: var(--vlook-color); width: 100%; height: 100vh; display: flex; align-items: center; position: fixed; z-index: 99999; }
    #VLOOK > div { margin: 0 auto; background: var(--vlook-background); width: 30px; height: 30px; border-radius: 10px; animation: 1s breathe-vlook infinite alternate; }
</style>
<div id="VLOOK"><div></div></div>
<!-- ==================== VLOOK JS ==================== -->
<script type="text/javascript">
    let liveVersion = "V10.7.1-dev";
    let vlookDevMode = liveVersion.indexOf("dev") > 0 ? true : false, vlookDebugMode = false;
    let fontHost = "https://cdn.jsdelivr.net/gh/MadMaxChow/openfonts@master/",
        jsHost = vlookDevMode ? "http://localhost/js/" : "https://madmaxchow.gitee.io/vlook/js/",
        cssHost = vlookDevMode ? "http://localhost/css/" : "https://madmaxchow.gitee.io/vlook/css/";
        // https://cdn.jsdelivr.net/gh/MadMaxChow/VLOOK@master/docs/
// ==================== NON-standalone ====================
// ▽ ▽ ▽ ▽ ▽
    let startjs = document.createElement("script"),
        ts = vlookDevMode ? new Date().getTime() : Math.round(new Date().getTime()/1000/60); // 1000/60/60/24 按天
    startjs.setAttribute("type", "text/javascript");
    startjs.setAttribute("src", jsHost + "start.js?ts=" + ts);
    document.getElementsByTagName("HEAD")[0].appendChild(startjs);
</script>
<!--========================================================================-->
<!--                              END OF VLOOK                              -->
<!--========================================================================-->
</body>
</html>